add_signclosed.ftl 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="renderer" content="webkit|ie-comp|ie-stand">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  8. <meta http-equiv="Cache-Control" content="no-siteapp" />
  9. <#include "/base/add_base.ftl">
  10. <link href="${path}/common/lib/jquery.ui/jquery-ui.css" rel="stylesheet" type="text/css"/>
  11. <link href="${path}/common/lib/webuploader/0.1.5/webuploader.css" rel="stylesheet" type="text/css"/>
  12. <link href="${path}/common/lib/icheck/icheck.css" rel="stylesheet" type="text/css"/>
  13. <style>
  14. .tit{position: relative;text-align: left;font-size: 16px;padding-left: 10px;}
  15. .tit:after{content: '';position: absolute;left: 0;top: 20%;height: 60%;width: 3px;background-color: #32a3d8;}
  16. .tit-2{position: relative;text-align: left;font-size: 16px;padding-left: 10px;}
  17. .tit-2:after{content: '';position: absolute;left: 0;top: 20%;height: 60%;width: 3px;background-color: #32a3d8;}
  18. #province select{margin-right:10px; width:100px;height: 31px;-webkit-appearance:none !important;appearance:none;background: url(${path}/common/images/cm/select-1.png) right center no-repeat;background-size: auto 100%;padding-left:3px;padding-right: 25px;}
  19. #suggest, #suggest2 {width:200px}
  20. .gray {color:gray}
  21. .ac_results {background:#fff;border:1px solid #7f9db9;position: absolute;z-index: 10000;display: none}
  22. .ac_results li a {white-space: nowrap;text-decoration:none;display:block;color:#05a;padding:1px 3px}
  23. .ac_results li {border:1px solid #fff}
  24. .ac_over, .ac_results li a:hover {background:#c8e3fc}
  25. .ac_results li a span {float:right}
  26. .ac_result_tip {border-bottom:1px dashed #666;padding:3px}
  27. .check-box, .radio-box{padding-left: 0;}
  28. .select-box{background: url(${path}/common/images/cm/select-1.png) right center no-repeat;background-size: auto 100%;}
  29. .select-box select{-webkit-appearance:none !important;background-color: transparent; appearance:none;padding-right: 15px;}
  30. .dalog-ask{position: absolute;left:60%;top:0;-webkit-transform: translateY(-30%);transform: translateY(-30%);display: none;background-color: #fff;z-index: 10;}
  31. .tag{ width:300px; min-height:300px; border:1px solid #32a3d8; position:relative;background-color: #fff;line-height: 1.5;padding: 10px 12px;}
  32. .tag em{display:block; border-width:15px; position:absolute; top:30%; left:-30px;border-style:solid dashed dashed; border-color:transparent #32a3d8 transparent transparent;font-size:0; line-height:0;}
  33. .dalog-ask .ask{color: #000;margin: 10px 0 5px 0;}
  34. .dalog-ask .answer{color: #666;margin-bottom: 10px;}
  35. .dalog-ask .answer:hover{color: #32a3d8;cursor: pointer;}
  36. .time-line-list{list-style: none;width: 100%;margin-left: -20px;}
  37. .time-line-list>li{position: relative;float: left; text-align: center;width: 100px;overflow: hidden;white-space: nowrap;word-break: break-all;padding: 2px 0;}
  38. .time-line-list .number{display: inline-block; padding: 2px; background: #32a3d8;border: 2px solid #fff;box-shadow:0 0 0 1px #32a3d8;width: 20px;height: 20px;color: #fff;line-height: 20px;border-radius: 50%;}
  39. .time-line-list>li:before{content:'';position: absolute;height: 1px;width: 30%;right:0;top: 15px; background-color: #32a3d8;}
  40. .time-line-list>li:after{content: '';position: absolute;height: 1px;width: 30%;left: 0;top: 15px;background:#32a3d8;}
  41. .time-line-list>li:first-child:after,.time-line-list>li:last-child:before{display: none;}
  42. .time-line-list .arrow{border-width:7px; position:absolute; left:25%; top:9px;border-style:solid dashed dashed; border-color:transparent transparent transparent #32a3d8;font-size:0; line-height:0;}
  43. .time-line-list>li:first-child .arrow{display: none;}
  44. .table-bg th{background-color: #f7fafd;height: 40px;}
  45. .table-bg td{height: 40px;}
  46. .update-parts>span{margin-right: 10px;padding: 3px 4px;background-color: #effaff;border: 1px solid #32a3d8;}
  47. .my-search-input{padding-left: 30px;background: url(${path}/common/images/cm/search.png) 6px center no-repeat;background-size: auto 60%; }
  48. input[type=radio]{-webkit-appearance:none;appearance:none;background: url(${path}/common/images/pts/radio-1.png) center center no-repeat;background-size:auto 100%;width: 20px;height: 20px;margin-right: 10px;}
  49. input[type=radio]:checked{-webkit-appearance:none;appearance:none;background: url(${path}/common/images/pts/radio-2.png) center center no-repeat;background-size:auto 100%;width: 20px;height: 20px;margin-right: 10px;}
  50. </style>
  51. <title>添加签收 - 客诉管理 - RST</title>
  52. </head>
  53. <body>
  54. <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页
  55. <span class="c-gray en">/</span> 客诉管理
  56. <span class="c-gray en">/</span> 添加签收
  57. <a class="btn radius r" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
  58. </nav>
  59. <article class="page-container" style="padding: 10px;">
  60. <div class="pd-20 cl">
  61. <form action="" method="post" class="form form-horizontal" id="form-signclosed-add">
  62. <div class="row cl">
  63. <label class="form-label col-3 col-sm-3"><span class="c-red">*</span>所属公司:</label>
  64. <div class="formControls col-7 col-sm-7">
  65. <#if companyInfoList?? && (companyInfoList?size > 0) >
  66. <#list companyInfoList as companyInfo>
  67. <div class="radio-box">
  68. <input type="radio" name="companyId" <#if companyInfo_index == 0>checked="checked"</#if>value="${companyInfo.companyId!''}" datatype="*" nullmsg="请选择所属公司!">
  69. <label for="tel-1">${companyInfo.companyName!''}</label>
  70. </div>
  71. </#list>
  72. </#if>
  73. </div>
  74. </div>
  75. <input value="" id="signclosedCompanyId" name="signclosedCompanyId" type="hidden">
  76. <div class="row cl">
  77. <label class="form-label col-3 col-sm-3"><span class="c-red">*</span>快递信息:</label>
  78. <div class="formControls col-2 col-sm-2 skin-minimal">
  79. <span class="select-box">
  80. <select id="signclosedLogistics" name="signclosedLogistics" class="select">
  81. <#if logisticsInfoList?? && (logisticsInfoList?size > 0) >
  82. <#list logisticsInfoList as logisticsInfo>
  83. <option value="${logisticsInfo.logisticsRstCode!''}" >${logisticsInfo.logisticsName!''}(${logisticsInfo.logisticsRstCode!''})</option>
  84. </#list>
  85. </#if>
  86. </select>
  87. </span>
  88. </div>
  89. <div class="formControls col-2 col-sm-2 skin-minimal">
  90. <input type="text" style="" class="input-text" placeholder="填写物流单号或条码枪扫描" id="signclosedLogisticsNumber" name="signclosedLogisticsNumber">
  91. </div>
  92. </div>
  93. <div class="row cl">
  94. <label class="form-label col-3 col-sm-3"><span class="c-red">*</span>签收日期:</label>
  95. <div class="formControls col-2 col-sm-2 skin-minimal">
  96. <input type="text" style="" class="input-text my-input-date Wdate" placeholder="签收日期" onClick="WdatePicker({skin:'whyGreen',maxDate:'%y-%M-%d'})" id="signclosed_date" name="signclosed_date" readonly="readonly"/>
  97. </div>
  98. </div>
  99. <div class="row cl" id="" style="">
  100. <label class="form-label col-3 col-sm-3"><span class="c-red">*</span>签收产品:</label>
  101. <div class="formControls col-8 col-sm-8">
  102. <input type="button" class="btn btn-primary add-order-button" onclick="add_product()" value="添加产品" >
  103. <table class="table table-border table-bg table-bordered" style="margin-top: 10px;display: none" id="all_add_product">
  104. <thead>
  105. <tr class="text-c" id="table1">
  106. <th style="text-align: center;" width="30" >产品名称</th>
  107. <th style="text-align: center;" width="25" >产品颜色</th>
  108. <#--<th style="text-align: center;" width="10">售价</th>-->
  109. <th style="text-align: center;" width="10">69码</th>
  110. <th style="text-align: center;" width="10">产品型号</th>
  111. <th style="text-align: center;" width="10">数量</th>
  112. <th style="text-align: center;" width="10">操作</th>
  113. </tr>
  114. </thead>
  115. <tbody id="add_product">
  116. </tbody>
  117. </table>
  118. <input type="hidden" id="orderItemString" name="orderItemString" value="" >
  119. </div>
  120. </div>
  121. <#-- <div class="row cl" id="renewedProduct">
  122. <label class="form-label col-3 col-sm-3"><span class="c-red">*</span>签收产品:</label>
  123. <div class="formControls col-8 col-sm-8 text-c" id="produceSelect">
  124. <div>
  125. <input type="text" oninput="selectProduct();" onpropertychange="selectProduct();" class="input-text" style="width: 826px;float: left;" id="selectProcuct" name="selectProcuct" placeholder="请输入产品名称搜索">
  126. </div>
  127. <table class="table table-border table-bg table-bordered" style="width: 826px;">
  128. <thead>
  129. <tr class="text-c">
  130. <th style="text-align: center;" width="80">产品名称</th>
  131. <th style="text-align: center;" width="130">产品颜色</th>
  132. <th style="text-align: center;" width="100">产品配件</th>
  133. </tr>
  134. </thead>
  135. <tbody id="addProduct">
  136. <td colspan="3">暂无数据!</td>
  137. </tbody>
  138. </table>
  139. </div>
  140. </div>-->
  141. <div class="row cl">
  142. <label class="form-label col-3 col-sm-3">寄件人信息:</label>
  143. <div class="formControls col-2 col-sm-2 skin-minimal">
  144. <input type="text" class="input-text" placeholder="寄件方姓名/公司名称" id="signclosedSendName" name="signclosedSendName">
  145. </div>
  146. <div class="formControls col-2 col-sm-2 skin-minimal">
  147. <input type="text" class="input-text" placeholder="寄件方联系电话" id="signclosedSendTel" name="signclosedSendTel">
  148. </div>
  149. </div>
  150. <#--<div class="row cl address_info" style="position: relative;">
  151. <label class="form-label col-3 col-sm-3"></label>
  152. <div class="formControls col-2 col-sm-2" style="">
  153. <span class="select-box">
  154. <select class="select init_province" id="provinces">
  155. </select>
  156. </span>
  157. </div>
  158. <div class="formControls col-2 col-sm-2">
  159. <span class="select-box">
  160. <select class="select init_city" id="city">
  161. </select>
  162. </span>
  163. </div>
  164. <div class="formControls col-2 col-sm-2" style="position: relative;">
  165. <span class="select-box">
  166. <select class="select init_country" id="area">
  167. </select>
  168. </span>
  169. </div>
  170. </div>-->
  171. <div class="row cl recipientAddress address_info" code="returnCode" msg="resultMsg" data="returnMsg" urlPrefix="${path}">
  172. <input type="hidden" id="addressInfo">
  173. <label class="form-label col-3 col-sm-3"></label>
  174. <div class="formControls col-2 col-sm-2" style="position: relative;">
  175. <span class="select-box">
  176. <select name="provinceNumber" class="select" id="provinces"
  177. ulcValName="province" ulcValId="provinceId" ulcURL="/address/list_province" ulcMsg="" ulcList="provinceList"
  178. ulcIsFristSelect="true" ulcFristSelectMsg="请选择省份">
  179. </select>
  180. </span>
  181. </div>
  182. <div class="formControls col-2 col-sm-2">
  183. <span class="select-box">
  184. <select name="cityNumber" class="select" id="citys"
  185. ulcValName="city" ulcValId="cityId" ulcURL="/address/list_city?provinceId=" ulcMsg="" ulcList="cityList"
  186. ulcIsFristSelect="true" ulcFristSelectMsg="请选择市">
  187. </select>
  188. </span>
  189. </div>
  190. <div class="formControls col-2 col-sm-2" style="position: relative;">
  191. <span class="select-box">
  192. <select name="areaNumber" class="select" id="area"
  193. ulcValName="district" ulcValId="districtId" ulcURL="/address/list_district?cityId=" ulcMsg="" ulcList="districtList"
  194. ulcIsFristSelect="true" ulcFristSelectMsg="请选择区/县">
  195. </select>
  196. </span>
  197. </div>
  198. <input type="hidden" name="relationSendMergeAddress" id="relationSendMergeAddress">
  199. <input type="hidden" name="signclosedAddrProvinces" id="signclosedAddrProvinces" >
  200. <input type="hidden" name="signclosedAddrCity" id="signclosedAddrCity" >
  201. <input type="hidden" name="signclosedAddrArea" id="signclosedAddrArea" >
  202. </div>
  203. <div class="row cl">
  204. <label class="form-label col-xs-3 col-sm-3">签收图片:</label>
  205. <div class="formControls col-xs-2 col-sm-2" id="fileDiv" style="width: 17%;width: 100px;height: 100px;">
  206. <input type="file" name="file" id="fileid" style="opacity: 0; position: absolute; width: 90px;height: 80px;">
  207. <img alt="介绍图" src="${path}/common/images/pts/addparts.jpg" id="partsImg" width="90" height="80">
  208. <#--<input type="hidden" id="componentsImg" name="componentsImg" value=""/>-->
  209. <#--<button type="button" class="btn" style="background: #32a3d8;color: #fff;-webkit-transform:translateY(-5%);" id="uploadSubmit"><i class="Hui-iconfont">&#xe665;</i> 上传</button>-->
  210. </div>
  211. <div id="imgDiv">
  212. </div>
  213. </div>
  214. <div class="row cl">
  215. <label class="form-label col-3 col-sm-3">备注:</label>
  216. <div class="formControls col-5 col-sm-5">
  217. <textarea name="signclosedDesc" id="signclosedDesc" cols="" rows="2" class="textarea" placeholder="请填写备注"></textarea>
  218. </div>
  219. </div>
  220. <div class="row cl">
  221. <div class="col-2 col-sm-2 col-offset-3">
  222. <button onClick="add();" class="btn btn-block btn-primary size-XL" type="button">确认录入</button>
  223. </div>
  224. </div>
  225. </form>
  226. </div>
  227. </article>
  228. <script type="text/javascript" src="${path}/common/lib/My97DatePicker/4.8/WdatePicker.js"></script>
  229. <script type="text/javascript" src="${path}/common/lib/webuploader/0.1.5/webuploader.min.js"></script>
  230. <script type="text/javascript" src="${path}/common/lib/icheck/jquery.icheck.min.js"></script>
  231. <script type="text/javascript" src="${path}/common/lib/cm.lib/jquery.provincesCity.js"></script>
  232. <script type="text/javascript" src="${path}/common/lib/cm.lib/provincesData.js"></script>
  233. <script type="text/javascript" src="${path}/common/lib/cm.lib/airCity.js"></script>
  234. <#--<script type="text/javascript" src="${path}/common/lib/cm.lib/dimensions.js"></script>-->
  235. <script type="text/javascript" src="${path}/common/lib/cm.lib/suggest.js"></script>
  236. <script type="text/javascript" src="${path}/common/js/common/address.js"></script>
  237. <script type="text/javascript" src="${path}/common/lib/jquery/1.9.1/ajaxfileupload.js"></script>
  238. <script type="text/javascript">
  239. var date = new Date();
  240. var newyear = date.getFullYear();
  241. var newmonth = date.getMonth() + 1;
  242. var day = date.getDate();
  243. newmonth = (newmonth<10 ? "0"+newmonth:newmonth);
  244. var newdate = newyear+ "-"+newmonth + "-" + day;
  245. $("#signclosed_date").val(newdate);
  246. /*初始化单选框样式*/
  247. $(function(){
  248. $('.skin-minimal input').iCheck({
  249. checkboxClass: 'icheckbox-blue',
  250. radioClass: 'iradio-blue',
  251. increaseArea: '20%'
  252. });
  253. });
  254. /***
  255. * 删除图片
  256. */
  257. function deleteImg(obj){
  258. layer.confirm("确认要删除该图片吗", { title: "确认" }, function (index) {
  259. layer.close(index);
  260. obj.remove();
  261. });
  262. }
  263. $('#fileid').change(function() {
  264. fileUpload();
  265. });
  266. function fileUpload() {
  267. $.ajaxFileUpload({
  268. url:"${path}/admin/machineParts/fileUpload",
  269. secureuri:false,
  270. fileElementId:"fileid",//文件选择框的id属性
  271. dataType: 'json', //json
  272. success: function (data) {
  273. if(data.returnCode == 200){
  274. /*<input type="file" name="file" id="fileid" style="opacity: 0; position: absolute; width: 90px;height: 80px;">*/
  275. $("#imgDiv").append('<div class="col-xs-8 col-sm-8" onclick="deleteImg(this);" style="width: 17%;width: 100px;height: 100px;">'
  276. +'<img src="'+root_path+data.returnMsg.imgUrl+'" width="90" height="80">'
  277. +'<input type="hidden" name="componentsImg" value="'+data.returnMsg.imgUrl+'"/>'
  278. +'</div>');
  279. }else{
  280. layer.msg('上传失败,请重试!',{icon: 5,time:2000});
  281. }
  282. }
  283. });
  284. $('#fileid').change(function() {
  285. fileUpload();
  286. });
  287. }
  288. /*初始化省市区*/
  289. /*$(".address_info").initAddress();*/
  290. /* var ulc = initAddress($(".address_info"));
  291. var sc = initSalesChannel($(".sales_channel"));*/
  292. var ulcRelationAddress = init_address($(".address_info"));
  293. //动态回显产品js end
  294. $(function(){
  295. var province = listProvince(null,null);
  296. var provinceHtml = '';
  297. for(var i=0;i<province.length;i++){
  298. provinceHtml += '<option value="'+ province[i].provinceId +'">'+ province[i].province +'</option>';
  299. }
  300. $("#province").html(provinceHtml);
  301. var city = listCity(null,null);
  302. var cityHtml = '';
  303. for(var i=0;i<city.length;i++){
  304. cityHtml += '<option value="'+ city[i].cityId +'">'+ city[i].city +'</option>';
  305. }
  306. $("#city").html(cityHtml);
  307. /*监听省选择事件*/
  308. $(document).on('change', '#province', function() {
  309. var proId = $("#province").val();
  310. var city = listCity(proId,null);
  311. var cityHtml = '';
  312. for(var i=0;i<city.length;i++){
  313. cityHtml += '<option value="'+ city[i].cityId +'">'+ city[i].city +'</option>';
  314. }
  315. $("#city").html(cityHtml);
  316. });
  317. });
  318. function add() {
  319. var typeCompany = parseInt($("input:radio[name='companyId']:checked").val());
  320. if(typeCompany === null || typeCompany === ""){
  321. layer.msg('请选择所属公司',{icon: 5,time:1000});
  322. return;
  323. }else{
  324. $("#signclosedCompanyId").val(typeCompany);
  325. }
  326. var signclosedLogistics = $("#signclosedLogistics").val();
  327. if( signclosedLogistics == null || signclosedLogistics == "" ){
  328. layer.msg('请选择物流公司',{icon: 5,time:1000});
  329. return;
  330. }
  331. var signclosedLogisticsNumber = $("#signclosedLogisticsNumber").val();
  332. if( signclosedLogisticsNumber == null || signclosedLogisticsNumber == "" ){
  333. layer.msg('物流单号不能为空',{icon: 5,time:1000});
  334. return;
  335. }
  336. if( signclosedLogisticsNumber.length > 300 ){
  337. layer.msg('物流单号长度不得大于20个字符',{icon: 5,time:1000});
  338. return;
  339. }
  340. /*var signclosedSendName = $("#signclosedSendName").val();
  341. if( signclosedSendName == null || signclosedSendName == "" ){
  342. layer.msg('寄件人姓名不能为空',{icon: 5,time:1000});
  343. return;
  344. }
  345. if( signclosedSendName.length > 10 ){
  346. layer.msg('寄件人姓名长度不得大于10个字符',{icon: 5,time:1000});
  347. return;
  348. }
  349. var signclosedSendTel = $("#signclosedSendTel").val();
  350. if( signclosedSendTel == null || signclosedSendTel == "" ){
  351. layer.msg('请输入寄件人电话',{icon: 5,time:1000});
  352. return;
  353. }
  354. if( signclosedSendTel.length > 11 ){
  355. layer.msg('寄件人电话长度不得大于11个字符',{icon: 5,time:1000});
  356. return;
  357. }*/
  358. /*var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/;
  359. if(!myreg.test(signclosedSendTel)){
  360. layer.msg('寄件人电话格式不正确',{icon: 5,time:1000});
  361. return;
  362. }*/
  363. var signclosed_date = $("#signclosed_date").val();
  364. if( signclosed_date == null || signclosed_date == "" ){
  365. layer.msg('请选择签收日期',{icon: 5,time:1000});
  366. return;
  367. }
  368. var signclosedDesc = $("#signclosedDesc").val();
  369. if( signclosedDesc != null || signclosedDesc == "" ){
  370. if( signclosedDesc.length > 300 ){
  371. layer.msg('备注长度不得大于150个字符',{icon: 5,time:1000});
  372. return;
  373. }
  374. }
  375. //选择产品
  376. var flag = false;
  377. /*封装订单项*/
  378. var orderItemArray = new Array();
  379. $("#add_product").find("tr").each(function(){
  380. var orderItem = new Object();
  381. orderItem.itemColorId = $(this).find(".color_id").val();
  382. orderItem.itemNum = $(this).find(".item-num").val();
  383. orderItemArray.push(orderItem);
  384. flag = true;
  385. })
  386. if(!flag){
  387. vailErrorMsg($(".add-order-button"),"必须要有一个产品");
  388. return false;
  389. }
  390. //设置省市县
  391. var provinces = $("#provinces").find("option:selected").val();
  392. var city = $("#citys").find("option:selected").val();
  393. var area = $("#area").find("option:selected").val();
  394. if(provinces != null && provinces != ""){
  395. $("#signclosedAddrProvinces").val(provinces);
  396. }else{
  397. $("#signclosedAddrProvinces").remove();
  398. }
  399. if(city != null && city != ""){
  400. $("#signclosedAddrCity").val(city);
  401. }else{
  402. $("#signclosedAddrCity").remove();
  403. }
  404. if(area != null && area != ""){
  405. $("#signclosedAddrArea").val(area);
  406. }else{
  407. $("#signclosedAddrArea").remove();
  408. }
  409. $("#orderItemString").val(JSON.stringify(orderItemArray));
  410. $.ajax({
  411. cache: true,
  412. type: "POST",
  413. url: "${path}/admin/signclosed/add_signclosed",
  414. data:$('#form-signclosed-add').serialize(),// 你的formid
  415. async: false,
  416. success: function(data){
  417. if (data.returnCode == 200) {
  418. layer.msg('签收成功',{icon: 1,time:1000},function () {
  419. location.replace(location.href);
  420. window.location.href= "${path}/admin/signclosed/select_signclosed_list";
  421. });
  422. } else if(data.returnCode == 502) {
  423. layer.msg('请至少选择一件已签收的产品',{icon: 5,time:1000});
  424. } else if(data.returnCode == 503) {
  425. layer.msg('有产品数量未填写,如本次签收没有此产品,请删除',{icon: 5,time:1000});
  426. }else{
  427. layer.msg('添加失败',{icon: 5,time:1000});
  428. }
  429. },
  430. error: function(XmlHttpRequest, textStatus, errorThrown){
  431. layer.msg('添加错误',{icon: 5,time:1000});
  432. }
  433. });
  434. }
  435. /**
  436. * 打开订单
  437. */
  438. function add_product() {
  439. layer_show("商品列表","${path}/admin/salesOrder/to_add_product","1000","500");
  440. }
  441. /**
  442. * 删除商品
  443. */
  444. function delProduct($this){
  445. $this.parents("tr").remove();
  446. }
  447. /**
  448. * 选择商品回调
  449. * @param colorIds
  450. */
  451. function setSelectProduct(colorIds){
  452. var index = layer.load(1, {
  453. shade: [0.5,'#fff'] //0.1透明度的白色背景
  454. });
  455. $("#all_add_product").show();
  456. var colorIdArray = colorIds.split("_");
  457. for(var i=0;i<colorIdArray.length;i++){
  458. var colorId = colorIdArray[i];
  459. if(colorId == ""){
  460. break;
  461. }
  462. var flag = true;
  463. $("#add_product").find("tr").each(function (){
  464. var colId = $(this).find(".color_id").eq(0).val();
  465. if(colId == colorId){
  466. flag = false;
  467. }
  468. })
  469. if(!flag){
  470. continue;
  471. }
  472. $.ajax({
  473. type: "POST",
  474. data: { colorId : colorId},
  475. url: "${path}/admin/product/get_product",
  476. success: function(data){
  477. var html = "";
  478. if (data.returnCode == 200 && data.returnMsg.productColorList.length > 0 ) {
  479. for(var i=0;i<data.returnMsg.productColorList.length;i++){
  480. var productColor = data.returnMsg.productColorList[i];
  481. html += '<tr class="text-c">' +
  482. '<input type="hidden" class="color_id" id="" value="'+ productColor.colorId +'" >' +
  483. ' <td>'+ cufte(productColor.productName) +'</td>' +
  484. ' <td>'+ cufte(productColor.colorName) +'</td>' +
  485. ' <td>'+ cufte(productColor.colorBar) +'</td>' +
  486. ' <td>'+ cufte(productColor.productNumber) +'</td>' +
  487. ' <td><input type="text" class="input-text input-number item-num" style="width: 100%;border: none;text-align: center;" name="" id="" placeholder="产品数量" value="1" onkeyup="keyFun($(this),999,1)" onpaste="keyFun($(this),999,1)"></td>' +
  488. ' <td><a href="javascript:void(0)" class="del_product all_down" onclick="delProduct($(this))" >删除</a></td>' +
  489. ' </tr>';
  490. }
  491. }else{
  492. html = '<tr class="text-c"><td colspan="12">没有搜索到商品,请重试!</td></tr>';
  493. }
  494. $("#add_product").append(html);
  495. /*计算价格*/
  496. calculatePrice();
  497. }
  498. });
  499. }
  500. layer.close(index);
  501. }
  502. </script>
  503. <!--/请在上方写此页面业务相关的脚本-->
  504. </body>
  505. </html>