123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>添加采购订单</title>
- <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
- <meta name="apple-mobile-web-app-capable" content="yes">
- <meta name="apple-mobile-web-app-status-bar-style" content="black">
- <link rel="stylesheet" type="text/css" href="../../../css/common/mui.min.css" />
- <link rel="stylesheet" type="text/css" href="../../../css/common/mui.picker.min.css" />
- <link rel="stylesheet" href="../../../css/common/common.css">
- <link rel="stylesheet" type="text/css" href="../../../css/index/index-procurement/procurement-details.css" />
-
- </head>
- <body>
- <header id="header" class="mui-bar mui-bar-nav">
- <a class="mui-action-back mui-icon mui-icon-arrowleft">
- <span class="back">返回</span>
- </a>
- <h1 class="mui-title">添加采购订单</h1>
- <a class="right ca_right">
- 确定
- </a>
- </header>
- <div class="mui-content">
- <div class="svm-details">
- <div class="svm-nav">
- <span></span>
- <span>基本信息</span>
- </div>
- <ul class="svm-con">
- <li>
- <span>审批人</span>
- <span class="approvalPson"><input type="text" readonly="readonly" placeholder="请选择审批人" /></span>
- </li>
- <li>
- <span>供应商名称</span>
- <span class="Manufactor"><input type="text" readonly="readonly" placeholder="请选择供应商" /></span>
- </li>
- <li>
- <span>采购金额</span>
- <span class="SumMoney"><input type="number" placeholder="请输入采购金额" /></span>
- </li>
- <li>
- <span>采购日期</span>
- <span class="PurchaseDate"><input type="text" placeholder="请输入日期,如:2000-01-01" /></span>
- </li>
- <li>
- <span>送货日期</span>
- <span class="DeliveryDate"><input type="text" placeholder="请输入日期,如:2000-01-01" /></span>
- </li>
- <li>
- <span>采购人</span>
- <span class="PurchasePerson"><input type="text" readonly="readonly" placeholder="请选择采购人" /></span>
- </li>
- <li>
- <span>发票类型</span>
- <span class="invoiceType"><input type="text" placeholder="请输入发票类型" /></span>
- </li>
- <li>
- <span>银行账号</span>
- <span class="CardNumber"><input type="number" placeholder="请输入银行账号" /></span>
- </li>
- <li>
- <span>付款方式</span>
- <span class="Mode"><input type="text" placeholder="请输入付款方式" /></span>
- </li>
- <li>
- <span>运费</span>
- <span class="Freight"><input type="number" placeholder="请输入运费" /></span>
- </li>
- <li>
- <span>备注</span>
- <span class="purchaseRemark"><input type="text" placeholder="请输入备注" /></span>
- </li>
- </ul>
- <!-- 选择产品 -->
- <div class="svm-nav ca_top">
- <span></span>
- <span>选择产品</span>
- <span class="mui-icon mui-icon-arrowright ca_float_right"></span>
- </div>
- <div class="svms">
- <ul>
- </ul>
- </div>
- </div>
- </div>
- <script src="../../../libs/mui.min.js"></script>
- <script src="../../../libs/mui.picker.min.js" type="text/javascript" charset="utf-8"></script>
- <script type="text/javascript">
- (function($, doc) {
- $.plusReady(function() {
- var str = plus.storage.getItem('user');
- var user = JSON.parse(str);
- var token = user.Data.Token;
- //审批人列表
- $(doc.body).on('tap', '.approvalPson input', function() {
- $(this)[0].blur();
- //初始化popPicker组件
- var picker = new mui.PopPicker();
- //查询列表
- var postdata = {
- "": "-1"
- }
- $.ajax("http://www.bosshand.cn/api/Customer/GetStaffList", {
- headers: {
- authorization: token,
- ContentType: 'application/x-www-form-urlencoded',
- },
- type: "post",
- data: postdata,
- dataType: 'json',
- success: function(data) {
- var data = data.Data.list;
- var html = [];
- for(var i = 0; i < data.length; i++) {
- html.push({
- text: data[i].Name,
- code: data[i].Code
- })
- };
- picker.setData(html);
- }
- });
- picker.show(function(selectItems) {
- $(".approvalPson input")[0].value = selectItems[0].text;
- $(".approvalPson input")[0].id = selectItems[0].code;
- });
- });
- //采购人
- $(doc.body).on('tap', '.PurchasePerson input', function() {
- $(this)[0].blur();
- //初始化popPicker组件
- var picker = new mui.PopPicker();
- //查询列表
- var postdata = {
- "": "-1"
- }
- $.ajax("http://www.bosshand.cn/api/Customer/GetStaffList", {
- headers: {
- authorization: token,
- ContentType: 'application/x-www-form-urlencoded',
- },
- type: "post",
- data: postdata,
- dataType: 'json',
- success: function(data) {
- var data = data.Data.list;
- var html = [];
- for(var i = 0; i < data.length; i++) {
- html.push({
- text: data[i].Name,
- code: data[i].Code
- })
- };
- picker.setData(html);
- }
- });
- picker.show(function(selectItems) {
- $(".PurchasePerson input")[0].value = selectItems[0].text;
- $(".PurchasePerson input")[0].id = selectItems[0].code;
- });
- });
- //查询供应商
- $('body').on('tap', '.Manufactor input', function() {
- $(this)[0].blur();
- //初始化popPicker组件
- var picker = new mui.PopPicker();
- //查询列表
- var postData = {
- "pageIndex": 1,
- "pageSize": 100,
- "exist": "", // 类型
- }
- $.ajax("http://www.bosshand.cn/api/Invoicing/GetSupplierPageList", {
- headers: {
- authorization: token,
- ContentType: 'application/x-www-form-urlencoded',
- },
- type: "post",
- data: postData,
- dataType: 'json',
- success: function(data) {
- var data = data.Data.list;
- var html = [];
- for(var i = 0; i < data.length; i++) {
- html.push({
- text: data[i].SupplierName,
- code: data[i].Code
- })
- };
- picker.setData(html);
- }
- });
- picker.show(function(selectItems) {
- $(".Manufactor input")[0].value = selectItems[0].text;
- $(".Manufactor input")[0].id = selectItems[0].code;
- ProductSKUList(selectItems[0].code)
- });
- });
- function ProductSKUList(exist) {
- var postdata = {
- "spulierCode": exist,
- }
- $.ajax("http://www.bosshand.cn/api/Invoicing/GetSupplierProductList", {
- data: postdata,
- type: 'post',
- dataType: 'json',
- timeout: 10000,
- headers: {
- 'Content-Type': 'application/x-www-form-urlencoded',
- authorization: token
- },
- success: function(resp) {
- if(resp.Code == 200) {
- var data = resp.Data.list;
- console.log(JSON.stringify(data));
- var html = '';
- for(var i = 0; i < data.length; i++) {
- html += '<li>'
- html += '<div class="mui-input-row mui-checkbox mui-left ca_float_left">'
- html += '<label class="sm-mo-word"></label>'
- html += '<input class="checked ' + data[i].Code + '" name="checkbox" type="checkbox" value="">'
- html += '</div>'
- html += '<div id="' + data[i].Code + ',' + data[i].Price + '" class="ca_div">'
- html += '<p class="ca_p">'
- html += '<img src="http://www.bosshand.cn/' + data[i].Img + '"/>'
- html += '</p>'
- html += '<p>'
- html += '<span>' + data[i].ProductName + '</span>'
- html += '<span>' + data[i].Describe + '</span>'
- html += '</p>'
- html += '</div>'
- html += '</li>'
- }
- $('.svms ul')[0].innerHTML = html;
- };
- }
- });
- };
- //跳转
- $(doc.body).on('tap', '.ca_div', function() {
- var exist = $(this)[0].id
- $.openWindow({
- url: 'SVM-order-add-popup.html',
- waiting: {
- autoShow: false, //自动显示等待框,默认为true
- },
- extras: {
- exist: exist
- },
- show: {
- autoShow: true, //页面loaded事件发生后自动显示,默认为true
- duration: 200, //页面动画持续时间,Android平台默认100毫秒,iOS平台默认200毫秒;
- }
- });
- });
- //
- window.addEventListener('sendValue', function(event) {
- $('.' + event.detail.arr[0])[0].value = event.detail.arr;
- });
- //确认修改
- $(doc.body).on('tap', '.ca_right', function() {
- if($(".PurchaseDate input")[0].value != '' &&
- $(".DeliveryDate input")[0].value != '' &&
- $(".SumMoney input")[0].value != '' &&
- $(".PurchasePerson input")[0].value != '' &&
- $(".Freight input")[0].value != '' &&
- $(".Mode input")[0].value != '' &&
- $(".purchaseRemark input")[0].value != '' &&
- $(".Manufactor input")[0].value != '' &&
- $(".approvalPson input")[0].value != '' &&
- $(".CardNumber input")[0].value != '' &&
- $(".invoiceType input")[0].value != '') {
- for(var i = 0; i < $('input').length; i++) {
- $('input')[i].blur();
- }
- var check = mui('.checked');
- var ApprovalPeople = [];
- for(var i = 0; i < check.length; i++) {
- if(mui('.checked')[i].checked) {
- ApprovalPeople.push(mui('.checked')[i].value);
- }
- };
- var isAdd = true;
- for(var i = 0; i < ApprovalPeople.length; i++) {
- if(ApprovalPeople[i] == '') {
- $.toast('请点击产品完善订单');
- isAdd = false;
- break;
- }
- }
- if(isAdd) {
- AddOrder(ApprovalPeople)
- }
- } else {
- mui.toast('请将信息填写完整')
- }
- });
- /**
- *添加采购单
- */
- function AddOrder(ApprovalPeople) {
- //采购日期
- var PurchaseDate = $('.PurchaseDate input')[0].value;
- //送货
- var DeliveryDate = $('.DeliveryDate input')[0].value;
- //采购金额
- var SumMoney = $('.SumMoney input')[0].value;
- //采购人
- var PurchasePerson = $('.PurchasePerson input')[0].id;
- //运费
- var Freight = $('.Freight input')[0].value;
- //付款方式
- var Mode = $('.Mode input')[0].value;
- //采购单备注
- var purchaseRemark = $('.purchaseRemark input')[0].value;
- //供应商编码
- var spulierCode = $('.Manufactor input')[0].id;
- //审批人编码
- var approvalPson = $('.approvalPson input')[0].id;
- //银行卡号
- var cardNumber = $('.CardNumber input')[0].value;
- //发票类型
- var invoiceType = $('.invoiceType input')[0].value;
- //采购明细模型
- var AppProductCode = '';
- var AppPurchaseNumber = '';
- var AppPrice = '';
- var AppMoney = '';
- var AppRemark = '';
- for(var i = 0; i < ApprovalPeople.length; i++) {
- AppProductCode += ApprovalPeople[i].split(',')[0] + ',';
- AppPurchaseNumber += ApprovalPeople[i].split(',')[1] + ',';
- AppPrice += ApprovalPeople[i].split(',')[2] + ',';
- AppMoney += ApprovalPeople[i].split(',')[3] + ',';
- AppRemark += ApprovalPeople[i].split(',')[4] + ',';
- }
- //采购模型
- var model = {
- DeliveryDate: DeliveryDate,
- Mode: Mode,
- PurchaseDate: PurchaseDate,
- PurchasePerson: PurchasePerson,
- Freight: Freight,
- SumMoney: SumMoney,
- Remark: purchaseRemark,
- SupplierCode: spulierCode,
- ApprovalPson: approvalPson,
- CardNumber: cardNumber,
- InvoiceType: invoiceType,
- AppProductCode: AppProductCode.substring(0, AppProductCode.length - 1),
- AppPurchaseNumber: AppPurchaseNumber.substring(0, AppPurchaseNumber.length - 1),
- AppPrice: AppPrice.substring(0, AppPrice.length - 1),
- AppMoney: AppMoney.substring(0, AppMoney.length - 1),
- AppRemark: AppRemark.substring(0, AppRemark.length - 1),
- };
- $.ajax("http://www.bosshand.cn/api/Customer/AddUpdatePurchaseApp", {
- headers: {
- authorization: token,
- ContentType: 'application/x-www-form-urlencoded',
- },
- type: "post",
- data: model,
- dataType: 'json',
- success: function(resp) {
- if(resp.Code == 200) {
- mui.toast('发布成功');
- var old_back = mui.back;
- mui.back = function() {
- var wobj = plus.webview.getWebviewById("../home-index-procurement/SVM-order.html");
- wobj.reload(true);
- old_back();
- }
- mui.back();
- };
- }
- });
- }
- });
- })(mui, document)
- </script>
- </body>
- </html>
|