123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253 |
- <!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="code"><input type="text" readonly="readonly" placeholder="请选择采购单号" /></span>
- </li>
- <li>
- <span>审批人</span>
- <span class="approvalPson"><input type="text" readonly="readonly" placeholder="请选择审批人" /></span>
- </li>
- <li>
- <span>质检单号</span>
- <span class="name"><input type="text" /></span>
- </li>
- <li>
- <span>质检图片</span>
- <span class="img pro-img"><input type="text" readonly="readonly" placeholder="请选择质检图片" /></span>
- </li>
- <li>
- <span>备注</span>
- <span class="time"><input type="text" placeholder="请输入备注" /></span>
- </li>
- </ul>
- </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;
- var moneyCode = "CGZJ" + Math.floor(Math.random() * 100000000);
- $('.name input')[0].value = moneyCode;
- //选择采购单号
- $('body').on('tap', '.code input', function() {
- //初始化popPicker组件
- var picker = new mui.PopPicker();
- //查询列表
- var postData = {
- "pageIndex": 1,
- "pageSize": 100,
- "exist": "-1", // 类型
- "exist_1": "-1", // 订单号
- }
- $.ajax("http://www.bosshand.cn/api/Customer/GetPurchasePageList", {
- 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].PurchaseCode
- })
- };
- picker.setData(html);
- }
- });
- picker.show(function(selectItems) {
- $(".code input")[0].value = selectItems[0].text;
- });
- });
- //选择图片
- $('body').on('tap', '.img input', function() {
- galleryImgs();
- });
- //调用相册函数
- function galleryImgs() {
- // 从相册中选择图片
- mui.plusReady(function() {
- plus.gallery.pick(function(e) {
- var imghtml = '';
- imghtml += '<img class="imgs" src="' + e.files[0] + '">';
- mui('.img')[0].innerHTML = imghtml;
- }, function(e) {
- mui.toast("取消选择图片");
- }, {
- filter: "image",
- multiple: true,
- maximum: 1,
- system: false,
- onmaxed: function() {
- plus.nativeUI.alert('最多只能选择1张图片');
- }
- });
- })
- };
- //点击确定
- $('body').on('tap', '.ca_right', function() {
- if($(".code input")[0].value != '' && $(".name input")[0].value != '' && $(".time input")[0].value != '') {
- for(var i = 0; i < $('input').length; i++) {
- $('input')[i].blur();
- }
- plus.nativeUI.showWaiting("", {
- color: '#ffffff',
- background: 'rgba(0,0,0,0.5)',
- });
- updata();
- } else {
- mui.toast('请将信息填写完整')
- }
- });
- function updata() {
- var image = new Image();
- image.src = mui('.imgs')[0].src;
- var im = getBaseImage(image);
- var postDatas = {
- "": im
- }
- mui.ajax("http://www.bosshand.cn/api/Customer/Base64StringToImage", {
- data: postDatas,
- dataType: 'json',
- type: "post",
- headers: {
- authorization: token
- },
- success: function(resp) {
- if(resp.Code == 200) {
- var url = resp.Data;
- SaveInfo(url)
- }
- }
- });
- }
- //审批人列表
- $(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;
- });
- });
- /**
- * 增加、修改保存
- */console.log($('.approvalPson input')[0].id)
- function SaveInfo(url) {
- //组织post数据
- var postData = {
- Code: '',
- FileImg: url,
- PurchaseCode: $(".code input")[0].value,
- QualityCode: $(".name input")[0].value,
- Remark: $(".time input")[0].value,
- ApprovalPson:$('.approvalPson input')[0].id,
- }
- $.ajax("http://www.bosshand.cn/api/Invoicing/AddUpdateQuality", {
- dataType: 'json',
- data: postData,
- type: "post",
- headers: {
- authorization: token
- },
- success: function(resp) {
- if(resp.Code == 200) {
- plus.nativeUI.closeWaiting();
- mui.toast('发布成功');
- var old_back = mui.back;
- mui.back = function() {
- var wobj = plus.webview.getWebviewById("../home-index-procurement/SVM-quality.html");
- wobj.reload(true);
- old_back();
- }
- mui.back();
- };
- }
- });
- };
- //图片转换为base64函数
- function getBaseImage(img) {
- var canvas = document.createElement("canvas");
- var width = img.width;
- var height = img.height;
- canvas.width = width; /*设置新的图片的宽度*/
- canvas.height = height; /*设置新的图片的长度*/
- var ctx = canvas.getContext("2d");
- ctx.drawImage(img, 0, 0, width, height); /*绘图*/
- var dataURL = canvas.toDataURL("image/png", 0.8);
- return dataURL.replace("data:image/png;base64,", "");
- }
- });
- })(mui, document)
- </script>
- </body>
- </html>
|