coupon.jsp 187 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8" %>
  3. <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  4. <!DOCTYPE html>
  5. <html>
  6. <head>
  7. <meta charset="UTF-8">
  8. <title>Insert title here</title>
  9. <%@include file="/views/common.jsp" %>
  10. </head>
  11. <style>
  12. .edge .layui-edge {
  13. right: 10px;
  14. }
  15. .layui-form-checkbox[lay-skin=primary] i {
  16. /* border-radius: 50px; */
  17. width: 18px;
  18. height: 18px;
  19. line-height: 18px;
  20. margin-top: 3px;
  21. }
  22. .layui-form-checkbox[lay-skin=primary] span {
  23. color: black;
  24. margin-top: 3px;
  25. font-size: 14px;
  26. }
  27. #awards::-webkit-outer-spin-button, #awards::-webkit-inner-spin-button {
  28. -webkit-appearance: none !important;
  29. }
  30. #awards {
  31. -moz-appearance: textfield;
  32. }
  33. #z4_craft .layui-form-select .layui-edge {
  34. right: 40px;
  35. }
  36. #peijian_ui .layui-form-select .layui-edge {
  37. right: 40px;
  38. }
  39. #lesspeijian .layui-form-select .layui-edge {
  40. right: 40px;
  41. }
  42. </style>
  43. <body>
  44. <div class="big_box">
  45. <div class="left_div">
  46. <h1 class="h1">卡片</h1>
  47. <hr>
  48. <form class="layui-form">
  49. <div class="layui-form-item">
  50. <input type="radio" lay-filter="couponKind" name="couponKind" value="常用种类" title="常规" checked="checked">
  51. <input type="radio" lay-filter="couponKind" name="couponKind" value="少数量" title="少数量">
  52. </div>
  53. </form>
  54. <form class="layui-form" id="kindForm">
  55. <p>品种</p>
  56. <div>
  57. <span class="normal">
  58. <!-- <input type="radio" lay-filter="kind" name="kind" value="0" title="吊旗"> -->
  59. <input type="radio" lay-filter="kind" name="kind" value="1" title="腰封">
  60. <!-- <input type="radio" lay-filter="kind" name="kind" value="2" title="吊牌"> -->
  61. <input type="radio" lay-filter="kind" name="kind" value="3" title="贺卡">
  62. <input type="radio" lay-filter="kind" name="kind" value="4" title="优惠券">
  63. <input type="radio" lay-filter="kind" name="kind" value="5" title="抽奖券">
  64. <!--<input type="radio" lay-filter="kind" name="kind" value="6" title="特价名片">-->
  65. <input type="radio" lay-filter="kind" name="kind" value="7" title="存酒卡">
  66. <input type="radio" lay-filter="kind" name="kind" value="13" title="刮刮卡">
  67. <input type="radio" lay-filter="kind" name="kind" value="8" title="门挂牌">
  68. <!--<input type="radio" lay-filter="kind" name="kind" value="9" title="售后卡">-->
  69. <input type="radio" lay-filter="kind" name="kind" value="10" title="吸管套">
  70. <input type="radio" lay-filter="kind" name="kind" value="11" title="圣诞卡">
  71. </span>
  72. <span class="lessCount" style="display:none">
  73. <input type="radio" lay-filter="kind" name="kind" value="直角卡片" title="直角卡片">
  74. <input type="radio" lay-filter="kind" name="kind" value="异形卡片" title="异形卡片">
  75. <input type="radio" lay-filter="kind" name="kind" value="腰封" title="腰封">
  76. <input type="radio" lay-filter="kind" name="kind" value="贺卡" title="贺卡">
  77. <input type="radio" lay-filter="kind" name="kind" value="积分卡" title="积分卡">
  78. <input type="radio" lay-filter="kind" name="kind" value="抽奖卡" title="抽奖卡">
  79. <input type="radio" lay-filter="kind" name="kind" value="刮刮卡" title="刮刮卡">
  80. <input type="radio" lay-filter="kind" name="kind" value="菜单" title="菜单">
  81. <input type="radio" lay-filter="kind" name="kind" value="婚礼报纸" title="婚礼报纸">
  82. <input type="radio" lay-filter="kind" name="kind" value="特种纸名片" title="特种纸名片">
  83. <input type="radio" lay-filter="kind" name="kind" value="婚礼卡" title="婚礼卡">
  84. <input type="radio" lay-filter="kind" name="kind" value="种子纸" title="种子纸">
  85. </span>
  86. </div>
  87. <div id="doorList" style="display: none">
  88. <%@include file="doorList.jsp" %>
  89. </div>
  90. </form>
  91. <div id="other">
  92. <form class="layui-form" id="kindValueForm">
  93. <p>材质</p>
  94. <div class="kindValue">
  95. <input type="radio" lay-filter="kindValue" name="kindValue" value="2" title="300克铜版纸">
  96. <input type="radio" lay-filter="kindValue" name="kindValue" value="1" title="200克铜版纸">
  97. <input type="radio" class="157" lay-filter="kindValue" name="kindValue" value="0" title="157克铜版纸">
  98. </div>
  99. <div class="kindValue2" style="display:none">
  100. <input type="radio" name="kindValue2" lay-filter="kindValue2" value="2" title="300克铜版纸"
  101. checked="checked">
  102. <input type="radio" name="kindValue2" lay-filter="kindValue2" value="10" title="400克铜版纸">
  103. </div>
  104. <div class="kindValue3" style="display:none">
  105. <input type="radio" name="kind3Value" lay-filter="kindValue3" value="3" title="300克铜版纸">
  106. <input type="radio" name="kind3Value" lay-filter="kindValue3" value="4" title="600克铜版纸">
  107. <!-- <input type="radio" name="kind3Value" lay-filter="kindValue3" value="5" title="800克铜版纸"> -->
  108. </div>
  109. <div class="kindValue4" style="display:none">
  110. <input type="radio" name="kind4Value" lay-filter="kindValue4" value="3" title="300克铜版纸">
  111. <input type="radio" name="kind4Value" lay-filter="kindValue4" value="6" title="特种纸名片(不配绳子)">
  112. </div>
  113. <div class="kindValue5" style="display:none">
  114. <input type="radio" name="kindValue5" lay-filter="kindValue5" value="1" title="300克铜版纸" checked>
  115. <input type="radio" name="kindValue5" lay-filter="kindValue5" value="2" title="pvc">
  116. </div>
  117. <div class="kindValue6" style="display:none">
  118. <input type="radio" name="kindValue6" lay-filter="kindValue6" value="皙贝" title="皙贝"
  119. checked>
  120. <input type="radio" name="kindValue6" lay-filter="kindValue6" value="玉蕊" title="玉蕊">
  121. <input type="radio" name="kindValue6" lay-filter="kindValue6" value="睿狐" title="睿狐">
  122. <input type="radio" name="kindValue6" lay-filter="kindValue6" value="溪雪" title="溪雪">
  123. <input type="radio" name="kindValue6" lay-filter="kindValue6" value="珠光" title="珠光">
  124. <input type="radio" name="kindValue6" lay-filter="kindValue6" value="琮纹" title="琮纹">
  125. <input type="radio" name="kindValue6" lay-filter="kindValue6" value="雅柔" title="雅柔">
  126. <input type="radio" name="kindValue6" lay-filter="kindValue6" value="萱姿" title="萱姿">
  127. <input type="radio" name="kindValue6" lay-filter="kindValue6" value="草香" title="草香">
  128. <input type="radio" name="kindValue6" lay-filter="kindValue6" value="芳怡" title="芳怡">
  129. </div>
  130. <div class="kindValue7" style="display:none">
  131. <input type="radio" name="kindValue7" lay-filter="kindValue7" value="2" title="300克铜版纸"
  132. checked="checked">
  133. <input type="radio" name="kindValue7" lay-filter="kindValue7" value="8" title="250克牛皮纸">
  134. </div>
  135. <div class="ui_sdk" style="display:none">
  136. <input type="radio" name="ui_sdk_cz" value="1" title="700克白卡纸" checked>
  137. </div>
  138. <div class="ui_hlbz" style="display:none">
  139. <input type="radio" name="ui_hlbz_cz" value="1" title="157克铜版纸" checked>
  140. </div>
  141. <div id="tag" style="display: none">
  142. <%@include file="tag.jsp" %>
  143. </div>
  144. <div id="specialCard" style="display: none">
  145. <%@include file="specialCard.jsp" %>
  146. </div>
  147. </form>
  148. <form class="layui-form" id="3zValueForm">
  149. <p>类型</p>
  150. <div class="z3type">
  151. <input type="radio" lay-filter="z3type" name="z3type" value="0" title="门票入场" checked>
  152. <input type="radio" lay-filter="z3type" name="z3type" value="1" title="卡片">
  153. <input type="radio" lay-filter="z3type" name="z3type" value="2" title="圆形">
  154. <input type="radio" lay-filter="z3type" name="z3type" value="3" title="开窗">
  155. </div>
  156. </form>
  157. <div class="tagOther">
  158. <form class="layui-form">
  159. <input type="hidden" name="proTypeValue" id="proTypeValue" class="layui-input" value="4">
  160. <input type="hidden" name="proTypeLabel" id="proTypeLabel" class="layui-input">
  161. <input type="hidden" name="d" id="d" class="layui-input">
  162. <p class="size-tip-other">
  163. 尺寸(CM/厘米) <span style="font-size:14px;color:red">输入格式: 长 * 宽</span>
  164. &nbsp;<span class="ui_yf" style="font-size:14px;color:red">200克、300克腰封模切最大尺寸100cm,200克腰封裁切最大尺寸118cm</span>
  165. <span class="ui_yh" style="font-size:14px;color: red;">压1痕最小尺寸10.8*5.4cm,压2痕最小尺寸13.5*5.4CM,低于最小尺寸按异形模切报价</span>
  166. <span class="ui_tz_yh" style="font-size:14px;color: red;display:none">压1痕最小尺寸10.8*6cm,压2痕最小尺寸13.5*5.4CM</span>
  167. </p>
  168. <p class="size-tip-z3" style="display:none;">
  169. 尺寸(CM/厘米) <span style="font-size:14px;color:red">输入格式: 长 * 宽</span>
  170. &nbsp;<span style="font-size:14px;color:red">最小尺寸5*8cm,最大尺寸20*30cm</span>
  171. </p>
  172. <span class="switchz3Size" style="display: none"><input type="checkbox" name="switchz3Size"
  173. lay-filter="switchz3Size"
  174. title="自定义尺寸"></span>
  175. <div class="qt">
  176. <input type="text" name="size" placeholder="格式:长*宽" id="size" class="layui-input"
  177. autocomplete="off">
  178. </div>
  179. <div class="ui_menu_size" style="display: none;">
  180. <select name="ui_menu_size" id="ui_menu_size" class="select">
  181. <option value="21*14">21*14 cm</option>
  182. <option value="21*28.5">21*28.5 cm</option>
  183. <option value="42*28.5">42*28.5 cm</option>
  184. </select>
  185. </div>
  186. <div class="ui_shk_size" style="display: none;">
  187. <select name="ui_shk_size" id="ui_shk_size" class="select">
  188. <option value="9*5.4">9*5.4 cm</option>
  189. <option value="9*11">9*11 cm</option>
  190. <option value="8*11">8*11 cm</option>
  191. <option value="7*14">7*14 cm</option>
  192. <option value="8*14">8*14 cm</option>
  193. <option value="10*15">10*15 cm</option>
  194. <option value="11*18">11*18 cm</option>
  195. <option value="9*9">9*9 cm</option>
  196. <option value="9*14">9*14 cm</option>
  197. </select>
  198. </div>
  199. <div class="3z_size" id="3z_size" style="display: none;">
  200. <div id="3z_menpiao_size" style="display: none">
  201. <select name="z3size1" lay-filter="z3size1" class="select">
  202. <option value="16*7">16*7 cm</option>
  203. <option value="19*7">19*7 cm</option>
  204. <option value="15*5">15*5 cm</option>
  205. <option value="13*5">13*5 cm</option>
  206. </select>
  207. </div>
  208. <div id="3z_kapian_size" style="display: none">
  209. <select name="z3size1" lay-filter="z3size1" class="select">
  210. <option value="10*15">10*15 cm</option>
  211. <option value="16*7">16*7 cm</option>
  212. <option value="6*9">6*9 cm</option>
  213. <option value="7*10">7*10 cm</option>
  214. <option value="9*9">9*9 cm</option>
  215. <option value="8*11">8*11 cm</option>
  216. <option value="15*5">15*5 cm</option>
  217. </select>
  218. </div>
  219. <div id="3z_yuan_size" style="display: none">
  220. <select name="z3size1" lay-filter="z3size1" class="select">
  221. <option value="8.5*8.5">8.5*8.5 cm</option>
  222. <option value="9*9">9*9 cm</option>
  223. </select>
  224. </div>
  225. <div id="3z_chuang_size" style="display: none">
  226. <select name="z3size1" lay-filter="z3size1" class="select">
  227. <option value="16*7">16*7 cm</option>
  228. <option value="19*7">19*7 cm</option>
  229. </select>
  230. </div>
  231. </div>
  232. <div class="z3_vice" style="display: none;">
  233. <div class="z_16">
  234. <input type="radio" name="3z_vice" value="圆角+手撕线+缺口(副券6cm)"
  235. title="圆角+手撕线+缺口(副券6cm)">
  236. <input type="radio" name="3z_vice" value="圆角+手撕线+缺口(副券4cm)"
  237. title="圆角+手撕线+缺口(副券4.5cm)">
  238. <%-- <input type="radio" name="3z_vice" value="直角+手撕线+无缺口(副券3.5cm)"--%>
  239. <%-- title="直角+手撕线+无缺口(副券3.5cm)">--%>
  240. </div>
  241. <div class="z_19">
  242. <input type="radio" name="3z_vice" value="圆角+手撕线+缺口(副券5.6cm)"
  243. title="圆角+手撕线+缺口(副券5.6cm)">
  244. </div>
  245. <div class="z_15">
  246. <input type="radio" name="3z_vice" value="圆角+手撕线+缺口(副券5cm)"
  247. title="圆角+手撕线+缺口(副券5cm)">
  248. </div>
  249. <div class="z_13">
  250. <input type="radio" name="3z_vice" value="圆角+手撕线+缺口(副券4.5cm)"
  251. title="圆角+手撕线+缺口(副券4.5cm)">
  252. </div>
  253. <div class="z_45">
  254. <input type="radio" name="3z_vice" value="圆角+手撕线+缺口(副券4.5cm)"
  255. title="圆角+手撕线+缺口(副券4.5cm)">
  256. </div>
  257. </div>
  258. <div class="ui_sdk" style="display: none;">
  259. <select name="ui_sdk_size" id="ui_sdk_size" class="select">
  260. <option value="31*18">31*18 cm</option>
  261. </select>
  262. </div>
  263. <div class="ui_xgt" style="display: none;">
  264. <select name="size" id="ui_sdk_size" class="select">
  265. <option value="6.5*5.4">6.5*5.4 cm</option>
  266. </select>
  267. </div>
  268. <span class="layui-form-item guaguaSize1">
  269. <p>
  270. <span style="font-size:14px;color:red">刮刮卡最小尺寸75*50mm,400*400mm</span>
  271. </p>
  272. <p>
  273. 刮刮膜尺寸(MM/毫米)
  274. </p>
  275. <select name="size1" id="size1" class="select">
  276. <option value="6*18">6*18 mm</option>
  277. <option value="6*22">6*22 mm</option>
  278. <option value="6*26">6*26 mm</option>
  279. <option value="8*26">8*26 mm</option>
  280. <option value="8*30">8*30 mm</option>
  281. <option value="15*15">15*15mm</option>
  282. <option value="18*18">18*18mm</option>
  283. <option value="20*20">20*20mm</option>
  284. <option value="18*32">18*32 mm</option>
  285. <option value="15*48">15*48 mm</option>
  286. <option value="8*36">8*36 mm</option>
  287. <option value="70*50">70*50 mm</option>
  288. <option value="60*25" selected>60*25 mm</option>
  289. <option value="35*58">35*58 mm</option>
  290. <option value="41*72">41*72 mm</option>
  291. </select>
  292. <div id="otherSize"></div>
  293. <p>
  294. <span style="font-size:14px;color:red">组合价:卡片内容尺寸一样 奖项 数量可以不一样</span>
  295. </p>
  296. </span>
  297. <div class="layui-input-block guaguaSize1" style="display:inline-block;">
  298. <input type="checkbox" name="fmType" lay-filter="fmType" value="0" title="贴膜">
  299. <div class="layui-inline edge stickNum" style="width:60px; ">
  300. <select name="stickNum" class="select stickNum" lay-filter="stickNum">
  301. <option value="1" selected>1处</option>
  302. <option value="2">2处</option>
  303. <option value="3">3处</option>
  304. <option value="4">4处</option>
  305. <option value="5">5处</option>
  306. <option value="6">6处</option>
  307. </select>
  308. </div>
  309. <input type="checkbox" name="fmType" lay-filter="fmType" value="1" title="配膜">
  310. </div>
  311. <span class="layui-form-item guaguaSize1">
  312. <p>
  313. 输入奖项个数
  314. </p>
  315. <div class="layui-form-item">
  316. <input type="number" max="30" value="1" name="awards" id="awards" placeholder="请输入整数"
  317. class="layui-input"
  318. autocomplete="off" onkeyup="clearNoNum(this)">
  319. </div>
  320. <p>
  321. <span style="font-size:14px;color:red">奖项最高30个,最低1个</span>
  322. </p>
  323. </span>
  324. <span class=" layui-form-item guaguaSize">
  325. <p>
  326. <span style="font-size:14px;color:red">尺寸超过4个名片位请单独报价</span>
  327. </p>
  328. <p>
  329. 刮刮膜尺寸(MM/毫米)
  330. </p>
  331. <select name="size1" id="size2" class="select">
  332. <option value="6*18">6*18 mm</option>
  333. <option value="6*22">6*22 mm</option>
  334. <option value="6*26">6*26 mm</option>
  335. <option value="8*26">8*26 mm</option>
  336. <option value="8*30">8*30 mm</option>
  337. <option value="15*15">15*15mm</option>
  338. <option value="18*18">18*18mm</option>
  339. <option value="20*20">20*20mm</option>
  340. <option value="18*32">18*32 mm</option>
  341. <option value="15*48">15*48 mm</option>
  342. <option value="8*36">8*36 mm</option>
  343. <option value="70*50">70*50 mm</option>
  344. <option value="60*25" selected>60*25 mm</option>
  345. <option value="35*58">35*58 mm</option>
  346. <option value="41*72">41*72 mm</option>
  347. </select>
  348. <p>
  349. <span style="font-size:14px;color:red">同个客户下单多款,其中一款数量在200张以上请全部按照印刷报价<br/>200张以上车间贴,200张以下客户自己贴</span>
  350. </p>
  351. </span>
  352. <p>
  353. 数量(张) <span class="switchCount"><input type="checkbox" name="switchCount" class="Count"
  354. lay-filter="switchCount" title="自定义数量"></span>
  355. </p>
  356. <div class="count">
  357. <div class="layui-form-item">
  358. <select name="count" id="selectCount" class="select">
  359. <option value="200">200</option>
  360. <option value="500">500</option>
  361. <option value="1000">1000</option>
  362. <option value="2000">2000</option>
  363. <option value="3000">3000</option>
  364. <option value="5000">5000</option>
  365. <option value="10000">10000</option>
  366. </select>
  367. </div>
  368. </div>
  369. <div class="ui_sdk">
  370. <div class="layui-form-item">
  371. <select name="count" id="selectCount1" class="select">
  372. <option value="50">50</option>
  373. <option value="100">100</option>
  374. <option value="500">500</option>
  375. <option value="1000">1000</option>
  376. <option value="2000">2000</option>
  377. <option value="5000">5000</option>
  378. <option value="10000">10000</option>
  379. </select>
  380. </div>
  381. </div>
  382. <div class="ui_xgt" style="display: none;">
  383. <div class="layui-form-item">
  384. <select name="count" id="selectCount2" class="select">
  385. <option value="500">500</option>
  386. <option value="1000">1000</option>
  387. <option value="2000">2000</option>
  388. <option value="3000">3000</option>
  389. <option value="5000">5000</option>
  390. <option value="10000">10000</option>
  391. <option value="20000">20000</option>
  392. <option value="30000">30000</option>
  393. <option value="50000">50000</option>
  394. <option value="100000">100000</option>
  395. </select>
  396. </div>
  397. </div>
  398. <div class="diyCount" style="display: none">
  399. <div class="layui-form-item">
  400. <input type="text" name="count" id="count" placeholder="请输入整数" class="layui-input"
  401. autocomplete="off">
  402. </div>
  403. </div>
  404. <p>款数</p>
  405. <div class="layui-form-item">
  406. <input type="text" name="number" id="number" autocomplete="off"
  407. class="layui-input" value="1" lay-verify="number">
  408. </div>
  409. <div class="layui-form-item" id="ui_des" style="display:none;">
  410. <p>
  411. 设计内容
  412. </p>
  413. <select name="desType" lay-filter="desType" id="desType" class="select" lay-search>
  414. <option value=""></option>
  415. <option value="1">改序号</option>
  416. <option value="2">改名字</option>
  417. <option value="3">改二维码</option>
  418. <option value="4">改图片</option>
  419. <option value="5">改内容模板相同</option>
  420. <option value="6" selected>改内容模板完全不同</option>
  421. </select>
  422. </div>
  423. <p>
  424. 客户旺旺
  425. </p>
  426. <div class="layui-form-item">
  427. <input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang"
  428. class="layui-input">
  429. </div>
  430. </form>
  431. </div>
  432. <div class="tagOther normalCountHideCraft">
  433. <form class="layui-form" id="craftForm">
  434. <div id="craft">
  435. <p>
  436. 工艺&nbsp;<span style="font-size:12px;color:red">优惠券异形模切+打码限于简单刀版(无法做圆形 椭圆机)最小9*5.4</span>
  437. </p>
  438. <div class="layui-input-block doublefumo" style="display:inline-block;">
  439. <input type="checkbox" class="ui_double_fm" name="craft" lay-filter="ui_fm" value="双面覆哑膜"
  440. title="双面覆哑膜">
  441. </div>
  442. <div class="layui-input-block craft tj" style="display:inline-block;">
  443. <input type="checkbox" name="craft" class="tangjin" lay-filter="switch" value="单面烫金"
  444. title="单面烫金">
  445. <input type="checkbox" name="craft" class="tangjin" lay-filter="switch" value="双面烫金"
  446. title="双面烫金">
  447. <span class="sizeTang">
  448. <div class="layui-inline">
  449. <input type="text" placeholder="长边" autocomplete="off" name="lengthTang"
  450. id="lengthTang" class="layui-input" style="width:50px;height:35px;">
  451. </div>x
  452. <div class="layui-inline">
  453. <input type="text" placeholder="短边" autocomplete="off" name="widthTang"
  454. id="widthTang" class="layui-input" style="width:50px;height:35px;">
  455. </div>
  456. </span>
  457. </div>
  458. <div class="layui-input-block craft">
  459. <input type="checkbox" name="craft" class="yh disab max ya cjkDisab" lay-filter="switch"
  460. value="压痕" title="压痕">
  461. <div class="layui-inline edge yahenHide" style="width:60px; display:none">
  462. <select name="yahen" class="select yahen" lay-filter="yahen">
  463. <option value="1" selected>1</option>
  464. <option value="2">2</option>
  465. </select>
  466. </div>
  467. <span class="value5">
  468. <input type="checkbox" name="craft" class="ydx disab max ya cjkDisab"
  469. lay-filter="switch" value="压点线" title="压点线">
  470. </span>
  471. <div class="layui-inline edge yadianxianHide" style="width:60px;display:none">
  472. <select name="yadianxian" class="select yadianxian" lay-filter="yadianxian">
  473. <option value="1" selected>1</option>
  474. <option value="2">2</option>
  475. </select>
  476. </div>
  477. <span class="value2">
  478. <input type="checkbox" name="craft" class="dk disab max cjkDisab"
  479. lay-filter="switch" value="打孔" title="打孔">
  480. </span>
  481. <div class="layui-inline edge dakongHide" style="width:60px;display:none">
  482. <select name="dakong" class="select dakong" lay-filter="dakong">
  483. <option value="1" selected>1</option>
  484. <option value="2">2</option>
  485. </select>
  486. </div>
  487. <input type="checkbox" name="craft" class="yj disab max cjkDisab" lay-filter="switch"
  488. value="圆角" title="圆角">
  489. <div class="layui-input-block craft value5 value7 dm" style="display:inline-block;">
  490. <input type="checkbox" name="craft" lay-filter="switch" value="打码"
  491. title="打码">
  492. <div class="layui-inline edge damaHide" style="width:60px;display:none">
  493. <select name="dama" class="select dama" lay-filter="dama">
  494. <option value="1" selected>1</option>
  495. <option value="2">2</option>
  496. </select>
  497. </div>
  498. <div class="layui-inline edge bianma" style="width:120px;display:none">
  499. <select name="bianma" class="select bianmaSelect" lay-filter="bianma">
  500. <option value="水平编码" selected>水平编码</option>
  501. <%-- <option value="上下编码">上下编码</option>--%>
  502. </select>
  503. </div>
  504. </div>
  505. <div class="bmType" style="display:none"><span style="font-size:14px;color:red">打码数量为‘2’时,需要选择打码类型:[水平编码] 或 [上下编码]
  506. </br>水平编码:价格相同; 上下编码:价格不同</span>
  507. </div>
  508. </div>
  509. <div class="layui-input-block value7">
  510. <input type="checkbox" name="craft" class="mq" lay-filter="switchMQ" value="模切"
  511. title="异形模切">
  512. <%-- <input type="checkbox" name="craft" class="fm" lay-filter="ui_yf_fm" value="单面覆膜"--%>
  513. <%-- title="单面覆膜">--%>
  514. <span class="ui_fm_l">
  515. <input type="checkbox" name="craft" class="ui_fm" lay-filter="ui_yf_fm" value="双面覆膜"
  516. title="双面覆膜">
  517. </span>
  518. <div id="craftHu" style="display:none;margin-top: 5px;">
  519. <input type="checkbox" name="craft" class="ui_hu" lay-filter="switch" value="糊成品"
  520. title="糊成品">
  521. <input type="checkbox" name="craft" class="ui_hu" lay-filter="switch" value="糊半成品"
  522. title="糊半成品">
  523. </div>
  524. </div>
  525. </div>
  526. </form>
  527. </div>
  528. <div class="lessCountHideCraft" style="display:none">
  529. <form class="layui-form">
  530. <p>
  531. 工艺
  532. </p>
  533. <div class="layui-input-block">
  534. <input type="radio" name="craftShua" value="双面印刷" title="双面印刷" checked>
  535. <span class="zhijiaoCard">
  536. <input type="checkbox" name="craft" lay-filter="switchCraft" value="直角" title="直角"
  537. lay-skin="primary" class="zhijiaoCraft">
  538. </span>
  539. <input type="checkbox" name="craft" lay-filter="switchCraft" value="异形" title="异形"
  540. lay-skin="primary" class="specialCraft">
  541. <span class="tj">
  542. <input type="checkbox" name="craft" lay-filter="switchCraft" value="烫金" title="烫金"
  543. lay-skin="primary" class="tjCraft">
  544. <%-- <input type="checkbox" name="craft" lay-filter="switchCraft" value="彩色印刷+烫金"--%>
  545. <%-- title="彩色印刷+烫金" lay-skin="primary" class="tjCraft">--%>
  546. </span>
  547. </div>
  548. </form>
  549. </div>
  550. <div class="ui_menu_craft" style="display: none;">
  551. <form class="layui-form">
  552. <p>
  553. 工艺
  554. </p>
  555. <div class="layui-input-block">
  556. <input type="radio" name="craft" class="ui_cd_craft" value="单面过塑" title="单面过塑"
  557. checked="checked">
  558. <input type="radio" name="craft" class="ui_cd_craft" value="双面过塑" title="双面过塑">
  559. </div>
  560. </form>
  561. </div>
  562. <div class="z3_craft" style="display: none;">
  563. <form class="layui-form">
  564. <p>
  565. 工艺
  566. </p>
  567. <div class="layui-input-block">
  568. <span class="z3_craft_yj">
  569. <input type="checkbox" name="craft" lay-filter="z3Crafts" value="圆角" title="圆角"/>
  570. </span>
  571. <span class="z3_craft_zj">
  572. <input type="checkbox" name="craft" lay-filter="z3Crafts" value="直角" title="直角"/>
  573. </span>
  574. <span class="z3_craft_dk">
  575. <input type="checkbox" name="craft" lay-filter="z3Crafts" value="打孔" title="打孔"/>
  576. </span>
  577. <%-- <span class="z3_craft_ssx">--%>
  578. <%-- <input type="checkbox" name="craft" lay-filter="z3Crafts" value="手撕线" title="手撕线"/>--%>
  579. <%-- </span>--%>
  580. <%-- <span class="z3_craft_yh">--%>
  581. <%-- <input type="checkbox" name="craft" lay-filter="z3Crafts" value="压痕" title="压痕"/>--%>
  582. <%-- </span>--%>
  583. <span class="z3_craft_bm">
  584. <input type="checkbox" name="craft" lay-filter="z3Crafts" value="编码" title="编码"/>
  585. </span>
  586. <span class="z3_craft_mq">
  587. <input type="checkbox" name="craft" lay-filter="z3Crafts" value="模切" title="模切"/>
  588. </span>
  589. <input type="checkbox" class="shengz" name="craft" lay-filter="z3Crafts" value="绳子"
  590. title="绳子">
  591. <div class="shengz scolor" style="width: 150px;display: none">
  592. <select class="select">
  593. <option value="白色绳子">白色绳子</option>
  594. <option value="黑色绳子">黑色绳子</option>
  595. <option value="红色绳子">红色绳子</option>
  596. </select>
  597. </div>
  598. <input type="radio" name="fm" value="不覆膜" title="不覆膜" checked="checked"/>
  599. </div>
  600. </form>
  601. </div>
  602. <div class="z4_craft" id="z4_craft" style="display: none;">
  603. <form class="layui-form">
  604. <p>
  605. 工艺
  606. </p>
  607. <div class="layui-input-block" style="display:inline-block;">
  608. 覆膜工艺:
  609. <input type="checkbox" class="ui_double_fm" name="craft" lay-filter="ui_fm" value="双面覆哑膜"
  610. title="双面覆哑膜">
  611. </div>
  612. <div class="layui-input-block" style="display:inline-block;">
  613. 烫金类型:
  614. <input type="checkbox" name="craft" class="tangjin" lay-filter="switch" value="单面烫金"
  615. title="单面烫金">
  616. <input type="checkbox" name="craft" class="tangjin" lay-filter="switch" value="双面烫金"
  617. title="双面烫金">
  618. </div>
  619. <div class="layui-input-block">
  620. 裁切工艺:
  621. <input type="checkbox" name="craft" class="mq caiqie" lay-filter="switchMQ" value="裁切"
  622. title="直角裁切">
  623. <input type="checkbox" name="craft" class="mq" lay-filter="switchMQ" value="模切"
  624. title="异形模切">
  625. <input type="checkbox" name="craft" class="mq" lay-filter="switchMQ" value="圆角"
  626. title="圆角">
  627. </div>
  628. <div class="layui-input-block">
  629. 常见工艺:
  630. <%-- <input type="checkbox" name="craft" class="nomq" lay-filter="switchCrafts" value="压痕"--%>
  631. <%-- title="压痕"/>--%>
  632. <div class="layui-inline yahenghide" style="width:60px;display:none">
  633. <select name="yaheng" class="select yadianxian">
  634. <option value="1" selected>1</option>
  635. <option value="2">2</option>
  636. <option value="3">3</option>
  637. </select>
  638. </div>
  639. <input type="checkbox" name="craft" class="nomq" lay-filter="switchCrafts" value="打点线"
  640. title="打点线"/>
  641. <div class="layui-inline dadianxianhide" style="width:60px;display:none">
  642. <select name="dadianxian" class="select dadianxian">
  643. <option value="1" selected>1</option>
  644. <option value="2">2</option>
  645. <option value="3">3</option>
  646. </select>
  647. </div>
  648. <input type="checkbox" name="craft" class="nomq" lay-filter="switchCrafts" value="打孔"
  649. title="打孔"/>
  650. <input type="checkbox" name="craft" value="打码" lay-filter="switchCrafts" title="打码"/>
  651. <div class="layui-inline maxianhide" style="width:60px;display:none">
  652. <select name="maxian" class="select maxian">
  653. <option value="1" selected>1</option>
  654. <option value="2">2</option>
  655. <option value="3">3</option>
  656. </select>
  657. </div>
  658. </div>
  659. </form>
  660. </div>
  661. <div class="ui_sdk" style="display: none;">
  662. <form class="layui-form">
  663. <p>
  664. 工艺
  665. </p>
  666. <div class="layui-input-block">
  667. <input type="radio" name="ui_sdk_craft" value="无" title="无" checked="checked"
  668. lay-filter="ui_sdk_craft">
  669. <input type="radio" name="ui_sdk_craft" value="opp袋" title="opp袋" lay-filter="ui_sdk_craft">
  670. <input type="radio" name="ui_sdk_craft" value="丝带" title="丝带" lay-filter="ui_sdk_craft">
  671. <br/>
  672. <span class="ui_sd" style="display: none;margin-left:180px;">
  673. <input type="radio" name="sd" value="蓝色" title="蓝色" checked="checked">
  674. <input type="radio" name="sd" value="红色" title="红色">
  675. </span>
  676. </div>
  677. </form>
  678. </div>
  679. <div class="ui_tzmp" style="display: none;">
  680. <form class="layui-form">
  681. <p>
  682. 工艺
  683. </p>
  684. <div class="layui-input-block">
  685. <input type="checkbox" name="craft" class="dk disab max cjkDisab" lay-filter="switch"
  686. value="打孔" title="打孔">
  687. <div class="layui-inline edge dakongHide" style="width:60px;display:none">
  688. <select name="ui_dk" class="select dakong" lay-filter="ui_dk">
  689. <option value="1" selected>1</option>
  690. <option value="2">2</option>
  691. </select>
  692. </div>
  693. <input type="checkbox" name="craft" class="yh disab max ya cjkDisab" lay-filter="switch"
  694. value="压痕" title="压痕">
  695. <div class="layui-inline edge yahenHide" style="width:60px; display:none">
  696. <select name="ui_yh" class="select yahen" lay-filter="ui_yh">
  697. <option value="1" selected>1</option>
  698. <option value="2">2</option>
  699. </select>
  700. </div>
  701. <input type="checkbox" name="craft" class="mq disab max ya cjkDisab" lay-filter="switch"
  702. value="模切" title="模切">
  703. </div>
  704. </form>
  705. </div>
  706. <div class="peijian_ui" id="peijian_ui" style="display: none;">
  707. <form class="layui-form">
  708. <span style="font-size:12px;color:red">opp袋:规格尺寸长度包含胶边2厘米(如8*5厘米规格,含胶边2厘米实际可装尺寸6*5厘米)</span>
  709. <div class="layui-input-block">
  710. 配件:
  711. <input type="checkbox" class="peijian" name="craft" lay-filter="z4PeiJian" value="配葫芦针"
  712. title="配葫芦针">
  713. <input type="checkbox" class="peijian" name="craft" lay-filter="z4PeiJian" value="配流苏"
  714. title="配流苏">
  715. <input type="checkbox" class="peijian" name="craft" lay-filter="z4PeiJian" value="穿流苏"
  716. title="穿流苏">
  717. <input type="checkbox" class="peijian" name="craft" lay-filter="z4PeiJian" value="配尼龙绳"
  718. title="配尼龙绳">
  719. <input type="checkbox" class="peijian" name="craft" lay-filter="z4PeiJian" value="穿尼龙绳"
  720. title="穿尼龙绳">
  721. <div class="layui-inline shengz scolor" style="width: 110px;display: none">
  722. <select class="select" name="shen_color">
  723. <option value="白色绳子">白色绳子</option>
  724. <option value="黑色绳子">黑色绳子</option>
  725. <option value="红色绳子">红色绳子</option>
  726. </select>
  727. </div>
  728. <input type="checkbox" class="peijian" name="craft" lay-filter="z4PeiJian" value="配弹力绳"
  729. title="配弹力绳(15cm)">
  730. <input type="checkbox" class="peijian" name="craft" lay-filter="z4PeiJian" value="配弹力绳捆"
  731. title="配弹力绳(捆)">
  732. <div class="layui-inline shengz tscolor" style="width: 110px;display: none">
  733. <select class="select">
  734. <option value="金色绳子">金色绳子</option>
  735. <option value="银色绳子">银色绳子</option>
  736. </select>
  737. </div>
  738. <input type="checkbox" class="peijian" name="craft" lay-filter="z4PeiJian" value="opp袋"
  739. title="配opp袋">
  740. <div class="layui-inline opp" style="width: 110px;display: none">
  741. <select class="select" name="toothpick_size">
  742. <option value="8*5">8*5CM</option>
  743. <option value="10*5">10*5CM</option>
  744. <option value="12*5">12*5CM</option>
  745. <option value="12*6">12*6CM</option>
  746. </select>
  747. </div>
  748. </div>
  749. </form>
  750. </div>
  751. <div id="lesspeijian" style="display:none">
  752. <form class="layui-form">
  753. <div class="layui-input-block">
  754. 配件:
  755. <input type="checkbox" class="lesspeijian" name="craft" lay-filter="lessz4PeiJian" value="配葫芦针"
  756. title="配葫芦针">
  757. <input type="checkbox" class="lesspeijian" name="craft" lay-filter="lessz4PeiJian" value="配棉绳"
  758. title="配棉绳">
  759. <input type="checkbox" class="lesspeijian" name="craft" lay-filter="lessz4PeiJian" value="配尼龙绳"
  760. title="配尼龙绳">
  761. <div class="layui-inline shengz scolor" style="width: 110px;display: none">
  762. <select class="select" name="shen_color">
  763. <option value="白色绳子">白色绳子</option>
  764. <option value="黑色绳子">黑色绳子</option>
  765. <option value="红色绳子">红色绳子</option>
  766. </select>
  767. </div>
  768. <input type="checkbox" class="lesspeijian" name="craft" lay-filter="lessz4PeiJian" value="配弹力绳"
  769. title="配弹力绳(15cm)">
  770. <div class="layui-inline shengz tscolor" style="width: 110px;display: none">
  771. <select class="select">
  772. <option value="金色绳子">金色绳子</option>
  773. <option value="银色绳子">银色绳子</option>
  774. </select>
  775. </div>
  776. </div>
  777. </form>
  778. </div>
  779. <hr>
  780. </div>
  781. <form class="layui-form">
  782. <div class="layui-form-item">
  783. <button class="layui-btn" lay-submit="" lay-filter="acount_btn" id="queryCondBtn">计算</button>
  784. <button type="reset" class="layui-btn layui-btn-primary">重置</button>
  785. </div>
  786. <h2>计算结果-
  787. <button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult"
  788. onclick="copyResult()">点击复制
  789. </button>
  790. </h2>
  791. <div>
  792. <textarea rows="13" cols="75" id="span_result" readonly="readonly"></textarea>
  793. <%@include file="../acountExpressFee.jsp" %>
  794. </div>
  795. <!--<h2>下单备注<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyBz()">点击复制</button></h2>
  796. <div>
  797. <textarea rows="11" cols="75" id="bz_result" readonly="readonly" style="height: 60px;resize: none;"></textarea>
  798. </div>-->
  799. <div>
  800. <table class="layui-hide" id="priceTable" lay-filter="priceTable"></table>
  801. </div>
  802. </form>
  803. </div>
  804. <div class="right_div">
  805. <div class="layui-carousel" id="test1">
  806. <div carousel-item id="carousel"></div>
  807. <br>
  808. <div id="remark" style="font-size:20px;color:red"></div>
  809. </div>
  810. </div>
  811. </div>
  812. </body>
  813. <%@include file="/views/copyResult.jsp" %>
  814. <script>
  815. function clearNoNum(obj) {
  816. if (obj.value > 30) {
  817. obj.value = 30;
  818. }
  819. if (obj.value <= 0) {
  820. obj.value = 1
  821. }
  822. }
  823. setNumberOptions();
  824. function setNumberOptions() {
  825. let html = '';
  826. if (window.parent.system_isPdd) {
  827. html = `<option value=""></option>
  828. <option value="1">改序号</option>
  829. <option value="2">改名字</option>
  830. <option value="3">改二维码</option>
  831. <option value="4">改图片</option>
  832. <option value="5">改内容模板相同</option>
  833. <option value="6" selected>改内容模板完全不同</option>`;
  834. } else {
  835. html = `<option value=""></option>
  836. <option value="1">改序号</option>
  837. <option value="6" selected>改内容模板完全不同</option>`;
  838. }
  839. $("#desType").empty().append(html);
  840. }
  841. layui.use(['table', 'form', 'carousel'], function () {
  842. var form = layui.form; //只有执行了这一步,部分表单元素才会自动修饰成功
  843. var carousel = layui.carousel;
  844. var table = layui.table;
  845. let remark_html = ''
  846. function setRemark() {
  847. let kv = $("input[name='kindValue']:checked").val();
  848. $("#remark").empty();
  849. let html = '';
  850. if (kv == 2) {
  851. html = remark_html
  852. }
  853. if (kv == 1) {
  854. html = '预计发货时间:<br>江苏:直角裁切 (2-3天发货) 韵达 顺丰<br> 河南:直角裁切 (2-3天发货 ) 中通 顺丰<br> 江苏:异形模切 (3-4天发货) 圆通 顺丰<br> 河南:异形模切 (3-4天发货) 中通 顺丰'
  855. }
  856. if (kv == 0) {
  857. html = '预计发货时间:<br>福建:直角裁切 (2-3天发货) 圆通 顺丰<br>福建:异形模切 (3-4天发货) 圆通 顺丰'
  858. }
  859. $("#remark").append('<div><span>' + html + '<span/></div>');
  860. }
  861. function getProductImage(craftValue) {
  862. let kind = $('input[name="kind"]:checked').val()
  863. if (kind != 5 && kind != 7 && kind != 3 && kind != 4) {
  864. craftValue = "";
  865. }
  866. if (kind == 7 && (craftValue != '单面烫金' && craftValue != '双面烫金' && craftValue != '模切')) {
  867. craftValue = "";
  868. }
  869. let proTypeValue = kind == 8 ? 25 : 4
  870. let kindValue2 = $("input[name='kindValue2']:checked").val();
  871. // 轮播图
  872. let html = " ";
  873. // 清空轮播图
  874. let data = {
  875. proTypeValue: proTypeValue,
  876. kindValue: kind
  877. }
  878. if (kind == "3") {
  879. data.kind2Value = kindValue2
  880. }
  881. if (craftValue != '') {
  882. data.craftValue = craftValue;
  883. }
  884. $("#carousel").empty();
  885. $("#remark").empty();
  886. $.ajax({
  887. url: "${pageContext.request.contextPath}/getImgs",
  888. type: "GET",
  889. data,
  890. //dataType : "json",
  891. success: function (result) {
  892. for (let i = 0; i < result.length; i++) {
  893. // 只留一个remark
  894. remark = "";
  895. html += '<div><img style="width:' + result[0].imgWidth + 'px" src="' + result[i].imgUrl + '"></div>';
  896. remark += '<div><span>' + result[i].remark + '<span/></div>';
  897. }
  898. $("#carousel").append(html);
  899. if (remark.indexOf("null") < 0) {
  900. remark_html = remark;
  901. $("#remark").append(remark);
  902. }
  903. // 如果没有轮播图就隐藏
  904. if (result.length == 0) {
  905. document.getElementById("test1").style.display = "none"; //隐藏
  906. } else {
  907. document.getElementById("test1").style.display = "block"; //显示
  908. ins.reload({
  909. elem: '#test1',
  910. width: result[0].imgWidth, //设置容器宽度
  911. height: result[0].imgHeight
  912. });
  913. }
  914. }
  915. });
  916. }
  917. function z3Craft(val) {
  918. }
  919. function z3Vice(val, type) {
  920. $(".z3_vice input").prop("checked", false);
  921. $(".z3_vice .z_16").hide();
  922. $(".z3_vice .z_19").hide();
  923. $(".z3_vice .z_15").hide();
  924. $(".z3_vice .z_13").hide();
  925. $(".z3_vice .z_45").hide();
  926. if (type == 0) {
  927. if (val == "16*7") {
  928. $(".z3_vice .z_16").show();
  929. $(".z3_vice .z_16 input:first").prop("checked", true);
  930. }
  931. if (val == "19*7") {
  932. $(".z3_vice .z_19").show();
  933. $(".z3_vice .z_19 input:first").prop("checked", true);
  934. }
  935. if (val == "15*5") {
  936. $(".z3_vice .z_15").show();
  937. $(".z3_vice .z_15 input:first").prop("checked", true);
  938. }
  939. if (val == "13*5") {
  940. $(".z3_vice .z_13").show();
  941. $(".z3_vice .z_13 input:first").prop("checked", true);
  942. }
  943. } else if (type == 3) {
  944. $(".z3_vice .z_45").show();
  945. $(".z3_vice .z_45 input:first").prop("checked", true);
  946. }
  947. form.render();
  948. }
  949. function z3Select(val) {
  950. $(".z3_vice").hide();
  951. $(".z3_craft input[name='craft']").prop("checked", false);
  952. $(".z3_craft input[name='craft']").prop("disabled", false);
  953. $(".z3_craft_yj").show();
  954. $(".z3_craft_zj").show();
  955. $(".z3_craft_dk").show();
  956. $(".z3_craft_ssx").show();
  957. $(".z3_craft_yh").show();
  958. $(".z3_craft_bm").show();
  959. $(".z3_craft_mq").hide();
  960. $("#3z_menpiao_size").hide();
  961. $("#3z_kapian_size").hide();
  962. $("#3z_yuan_size").hide();
  963. $("#3z_chuang_size").hide();
  964. $("#3z_menpiao_size select").attr("disabled", true)
  965. $("#3z_kapian_size select").attr("disabled", true)
  966. $("#3z_yuan_size select").attr("disabled", true)
  967. if (val == 0) {
  968. let menpiao_size = $("#3z_menpiao_size select option:selected").val();
  969. $("#3z_menpiao_size").show();
  970. $("#3z_menpiao_size select").attr("disabled", false)
  971. if (!$('input[name="switchz3Size"]:checked').val()) {
  972. $("#size").val(menpiao_size);
  973. }
  974. $(".z3_vice").show();
  975. $(".z3_craft_yj").hide();
  976. $(".z3_craft_zj").hide();
  977. $(".z3_craft_dk").hide();
  978. $(".z3_craft_ssx").hide();
  979. $(".z3_craft_yh").hide();
  980. z3Vice(menpiao_size, val)
  981. }
  982. if (val == 1) {
  983. $("#3z_kapian_size").show();
  984. $("#3z_kapian_size select").attr("disabled", false)
  985. if (!$('input[name="switchz3Size"]:checked').val()) {
  986. $("#size").val($("#3z_kapian_size select option:selected").val());
  987. }
  988. z3Craft($("#size").val())
  989. }
  990. if (val == 2) {
  991. $(".z3_craft_yj").hide();
  992. $(".z3_craft_zj").hide();
  993. $(".z3_craft_bm").hide();
  994. $("#3z_yuan_size").show();
  995. $("#3z_yuan_size select").attr("disabled", false)
  996. if (!$('input[name="switchz3Size"]:checked').val()) {
  997. $("#size").val($("#3z_yuan_size select option:selected").val());
  998. }
  999. }
  1000. if (val == 3) {
  1001. let menpiao_size = $("#3z_chuang_size select option:selected").val();
  1002. $(".z3_vice").show();
  1003. $(".z3_craft_yj").hide();
  1004. $(".z3_craft_zj").hide();
  1005. $(".z3_craft_bm").hide();
  1006. $("#3z_chuang_size").show();
  1007. $("#3z_chuang_size select").attr("disabled", false)
  1008. if (!$('input[name="switchz3Size"]:checked').val()) {
  1009. $("#size").val($("#3z_chuang_size select option:selected").val());
  1010. }
  1011. z3Vice(menpiao_size, val)
  1012. }
  1013. if ($('input[name="switchz3Size"]:checked').val()) {
  1014. $(".z3_vice").hide();
  1015. }
  1016. form.render();
  1017. }
  1018. // 监听回车键,如果敲了回车,调用点击‘计算’
  1019. $(document).keydown(function (e) {
  1020. if (e.keyCode === 13) {
  1021. $("#queryCondBtn").trigger("click");
  1022. }
  1023. });
  1024. //建造实例
  1025. ins = carousel.render({});
  1026. if ((${ sessionScope.USER_SESSION.role.contains('1010')})) {
  1027. $("input[name='kind']").each(function (index, value) {
  1028. if ($(value).val() == "4" || $(value).val() == "3") {
  1029. $(value).hide();
  1030. $(value).attr("disabled", true);
  1031. }
  1032. })
  1033. }
  1034. $("#number").on("input", function (e) {
  1035. var number = e.delegateTarget.value;
  1036. var kind = $("input[name='kind']:checked").val();
  1037. if ($("input[name='couponKind']:checked").val() == "少数量" && number > 1 && kind != "婚礼报纸" && kind != "菜单") {
  1038. $("#ui_des").show();
  1039. } else {
  1040. $("#ui_des").hide();
  1041. }
  1042. });
  1043. // 监听count输入框
  1044. $(function () {
  1045. //输入框的值改变时触发(一边尺寸小于4自动选中模切)
  1046. $("#size").on("input", function (e) {
  1047. var s = e.delegateTarget.value
  1048. //获取input输入的值
  1049. // 选中模切、禁用其他
  1050. let type = $("input[name='couponKind']:checked").val()
  1051. let type1 = $("input[name='kind']:checked").val()
  1052. if (type1 == "特种纸名片" && type == "少数量") {
  1053. if ((s.split("*")[0] < 4 || s.split("*")[1] < 4)) {
  1054. $(".disab").attr("disabled", true);
  1055. $('input[class = mq]').prop('checked', true);
  1056. } else if ((s.split("*")[0] >= 4 || s.split("*")[1] >= 4) && kind != 1 && kindValue != 2) { // 腰封 - 300克铜版纸不取消模切
  1057. $(".disab").attr("disabled", false);
  1058. $('input[class = mq]').prop('checked', false);
  1059. }
  1060. form.render('checkbox');
  1061. }
  1062. });
  1063. });
  1064. form.on("checkbox(z4PeiJian)", function (data) {
  1065. let peijiansize = [];
  1066. $(".peijian:checked").each(function (i) {
  1067. // 没有被禁用的工艺加到arr中
  1068. if (!$(this).is(':disabled') && $(this).val() != "opp袋") {
  1069. peijiansize.push($(this).val());
  1070. }
  1071. });
  1072. if (peijiansize.length > 1) {
  1073. $(data.elem).next().attr("class", "layui-unselect layui-form-checkbox");
  1074. $(data.elem).prop("checked", false);
  1075. layer.msg('配件只能选择一种!', {offset: ['300px', '300px']}, {icon: 5});
  1076. return false;
  1077. }
  1078. if (data.value == "配尼龙绳" || data.value == "穿尼龙绳") {
  1079. if ($(data.elem).is(":checked")) {
  1080. $("#peijian_ui .scolor").show();
  1081. $("#peijian_ui .scolor").prop("disabled", false);
  1082. } else {
  1083. $("#peijian_ui .scolor").hide();
  1084. $("#peijian_ui .scolor").prop("disabled", true);
  1085. }
  1086. }
  1087. if (data.value == "配弹力绳" || data.value == "配弹力绳捆") {
  1088. if ($(data.elem).is(":checked")) {
  1089. $("#peijian_ui .tscolor").show();
  1090. $("#peijian_ui .tscolor").prop("disabled", false);
  1091. } else {
  1092. $("#peijian_ui .tscolor").hide();
  1093. $("#peijian_ui .tscolor").prop("disabled", true);
  1094. }
  1095. }
  1096. if (data.value == "opp袋") {
  1097. if ($(data.elem).is(":checked")) {
  1098. $("#peijian_ui .opp").show();
  1099. $("#peijian_ui .opp").prop("disabled", false);
  1100. getProductImage('opp袋');
  1101. } else {
  1102. $("#peijian_ui .opp").hide();
  1103. $("#peijian_ui .opp").prop("disabled", true);
  1104. getProductImage();
  1105. }
  1106. }
  1107. });
  1108. form.on("checkbox(lessz4PeiJian)", function (data) {
  1109. let peijiansize = $(".lesspeijian:checked").length;
  1110. if (peijiansize > 1) {
  1111. $(data.elem).next().attr("class", "layui-unselect layui-form-checkbox");
  1112. $(data.elem).prop("checked", false);
  1113. layer.msg('配件只能选择一种!', {offset: ['300px', '300px']}, {icon: 5});
  1114. return false;
  1115. }
  1116. if (data.value == "配尼龙绳") {
  1117. if ($(data.elem).is(":checked")) {
  1118. $("#lesspeijian .scolor").show();
  1119. $("#lesspeijian .scolor").prop("disabled", false);
  1120. } else {
  1121. $("#lesspeijian .scolor").hide();
  1122. $("#lesspeijian .scolor").prop("disabled", true);
  1123. }
  1124. }
  1125. if (data.value == "配弹力绳") {
  1126. if ($(data.elem).is(":checked")) {
  1127. $("#lesspeijian .tscolor").show();
  1128. $("#lesspeijian .tscolor").prop("disabled", false);
  1129. } else {
  1130. $("#lesspeijian .tscolor").hide();
  1131. $("#lesspeijian .tscolor").prop("disabled", true);
  1132. }
  1133. }
  1134. });
  1135. form.on("radio(kindValue2)", function (data) {
  1136. $("#peijian_ui .tscolor").hide();
  1137. $("#peijian_ui .tscolor").prop("disabled", true);
  1138. $("#peijian_ui .scolor").hide();
  1139. $("#peijian_ui .scolor").prop("disabled", true);
  1140. if (data.value == 10) {
  1141. $("#craftForm").hide();
  1142. $("#craftForm").find(":input").attr("disabled", true);
  1143. $("#z4_craft form")[0].reset();
  1144. $("#peijian_ui form")[0].reset();
  1145. $("#z4_craft").show();
  1146. $("#peijian_ui").show();
  1147. $("#z4_craft").find(":input").attr("disabled", false);
  1148. $("#peijian_ui").find(":input").attr("disabled", false);
  1149. $("#z4_craft .ui_double_fm").prop("checked", true);
  1150. $("#z4_craft .scolor").hide();
  1151. $("#peijian_ui .scolor").hide();
  1152. $("#z4_craft .dadianxianhide").hide();
  1153. $("#z4_craft .yahenghide").hide();
  1154. $("#z4_craft .maxianhide").hide();
  1155. $("#z4_craft .caiqie").prop("checked", true);
  1156. form.on('checkbox(switchMQ)', function (data) {
  1157. let mqLength = $("#z4_craft .mq:checked").length;
  1158. if (mqLength > 1) {
  1159. $(data.elem).next().attr("class", "layui-unselect layui-form-checkbox");
  1160. $(data.elem).prop("checked", false);
  1161. layer.msg('[裁切- 模切 - 圆角]不能同时选择!', {offset: ['300px', '300px']}, {icon: 5});
  1162. return false;
  1163. }
  1164. if (data.value == "模切") {
  1165. if ($(data.elem).is(":checked")) {
  1166. $("#z4_craft .nomq").prop("checked", false).prop("disabled", true);
  1167. } else {
  1168. $("#z4_craft .nomq").prop("disabled", false);
  1169. }
  1170. }
  1171. form.render('checkbox');
  1172. });
  1173. form.on("checkbox(switchCrafts)", function (data) {
  1174. if (data.value == "压痕") {
  1175. if ($(data.elem).is(":checked")) {
  1176. $("#z4_craft .yahenghide").show();
  1177. } else {
  1178. $("#z4_craft .yahenghide").hide();
  1179. }
  1180. }
  1181. if (data.value == "打点线") {
  1182. if ($(data.elem).is(":checked")) {
  1183. $("#z4_craft .dadianxianhide").show();
  1184. } else {
  1185. $("#z4_craft .dadianxianhide").hide();
  1186. }
  1187. }
  1188. if (data.value == "打码") {
  1189. if ($(data.elem).is(":checked")) {
  1190. $("#z4_craft .maxianhide").show();
  1191. } else {
  1192. $("#z4_craft .maxianhide").hide();
  1193. }
  1194. }
  1195. form.render('checkbox');
  1196. });
  1197. } else {
  1198. $("#craftForm").show();
  1199. $("#craftForm").find(":input").attr("disabled", false);
  1200. $("#z4_craft").hide();
  1201. $("#peijian_ui").hide();
  1202. $("#z4_craft").find(":input").attr("disabled", true);
  1203. $("#peijian_ui .scolor").hide();
  1204. $("#peijian_ui").find(":input").attr("disabled", true);
  1205. if (data.value == 2) {
  1206. $("#peijian_ui form")[0].reset();
  1207. $("#peijian_ui").show();
  1208. $("#peijian_ui").find(":input").attr("disabled", false);
  1209. $("#peijian_ui .scolor").hide();
  1210. }
  1211. }
  1212. getProductImage();
  1213. form.render();
  1214. })
  1215. form.on("select(stickNum)", function (data) {
  1216. let html = ``;
  1217. let num = data.value;
  1218. $("#otherSize").empty()
  1219. if (num > 1) {
  1220. for (let i = 0; i < num - 1; i++) {
  1221. html += `<select name="size1" class="select">
  1222. <option value="6*18">6*18 mm</option>
  1223. <option value="6*22">6*22 mm</option>
  1224. <option value="6*26">6*26 mm</option>
  1225. <option value="8*26">8*26 mm</option>
  1226. <option value="8*30">8*30 mm</option>
  1227. <option value="15*15">15*15mm</option>
  1228. <option value="18*18">18*18mm</option>
  1229. <option value="20*20">20*20mm</option>
  1230. <option value="18*32">18*32 mm</option>
  1231. <option value="15*48">15*48 mm</option>
  1232. <option value="8*36">8*36 mm</option>
  1233. <option value="70*50">70*50 mm</option>
  1234. <option value="60*25" selected>60*25 mm</option>
  1235. <option value="35*58">35*58 mm</option>
  1236. <option value="41*72">41*72 mm</option>
  1237. </select>`;
  1238. }
  1239. }
  1240. $("#otherSize").append(html)
  1241. form.render();
  1242. })
  1243. var couponKind = ""
  1244. // 选择卡片种类
  1245. form.on('radio(couponKind)', function (couponKindData) {
  1246. // 切换按钮的时候,重置kind品种
  1247. $("#kindForm")[0].reset();
  1248. // 产品种类的值
  1249. couponKind = couponKindData.value;
  1250. if (couponKind == '少数量') {
  1251. $('input[class = Count]').prop('checked', false);
  1252. $(".switchCount").hide();
  1253. $(".diyCount").show();
  1254. $(".count").hide();
  1255. $(".diyCount").find(":input").attr("disabled", false);
  1256. $(".count").find(":input").attr("disabled", true);
  1257. $("#selectCount").attr("disabled", true);
  1258. $(".ui_shk_size").hide();
  1259. $(".ui_shk_size").attr("disabled", true);
  1260. $(".ui_sdk").hide();
  1261. $(".ui_sdk").attr("disabled", true);
  1262. $(".ui_xgt").hide();
  1263. $(".ui_xgt").find(":input").attr("disabled", true);
  1264. // 选择少数量的时候,展示‘少数量’的品种
  1265. $(".lessCount").show();
  1266. $(".lessCount").find(":input").attr("disabled", false);
  1267. $(".normal").hide();
  1268. $(".normal").find(":input").attr("disabled", true);
  1269. if (kind != "婚礼报纸" || kind != "菜单") {
  1270. $("#ui_des").hide();
  1271. } else {
  1272. $("#ui_des").show();
  1273. }
  1274. form.render();
  1275. } else {
  1276. $("#ui_des").hide();
  1277. $(".switchCount").show();
  1278. $(".count").show();
  1279. $(".diyCount").hide();
  1280. $(".count").find(":input").attr("disabled", false);
  1281. $(".diyCount").find(":input").attr("disabled", true);
  1282. $("#selectCount").attr("disabled", false);
  1283. // 选择常规的时候,隐藏‘少数量’的品种
  1284. $(".normal").show();
  1285. $(".normal").find(":input").attr("disabled", false);
  1286. $(".lessCount").hide();
  1287. $(".lessCount").find(":input").attr("disabled", true);
  1288. // 恢复标准数量的时候会被禁用,加这个解决
  1289. form.render();
  1290. }
  1291. });
  1292. $(".guaguaSize").hide();
  1293. $(".guaguaSize1").hide();
  1294. var kind;
  1295. var kindValue;
  1296. form.on('radio(kind)', function (data) {
  1297. kind = data.value;
  1298. if (data.value == 1) {
  1299. $(".ui_yf").show();
  1300. $(".ui_yh").hide();
  1301. } else {
  1302. $(".ui_yh").show();
  1303. $(".ui_yf").hide();
  1304. }
  1305. $("#craftForm").show();
  1306. $("#craftForm").find(":input").attr("disabled", false);
  1307. $("#z4_craft").hide();
  1308. $("#z4_craft").find(":input").attr("disabled", true);
  1309. $(".lesspeijian").prop("checked", false);
  1310. $("#lesspeijian").hide();
  1311. $("#lesspeijian").find(":input").attr("disabled", true);
  1312. if (data.value == '直角卡片' || data.value == '异形卡片' || data.value == '贺卡' || data.value == '特种纸名片') {
  1313. if (data.elem.checked) {
  1314. $("#lesspeijian").show();
  1315. $("#lesspeijian").find(":input").attr("disabled", false);
  1316. }
  1317. }
  1318. if (data.value == 8) {
  1319. $("#doorList").show();
  1320. $("#doorList").find(":input").attr("disabled", false);
  1321. $("#other").hide();
  1322. $("#other").find(":input").attr("disabled", true);
  1323. $("#specialCard").hide();
  1324. $("#specialCard").find(":input").attr("disabled", true);
  1325. } else {
  1326. $("#other").show();
  1327. $("#other").find(":input").attr("disabled", false);
  1328. $("#doorList").hide();
  1329. $("#doorList").find(":input").attr("disabled", true);
  1330. $("#specialCard").hide();
  1331. $("#specialCard").find(":input").attr("disabled", true);
  1332. $(".doublefumo").find(":input").prop("checked", false);
  1333. }
  1334. if (data.value == 10 && $("input[name='kindValue7']:checked").val() == 8) {
  1335. $(".ui_xgt").show();
  1336. $(".ui_xgt").attr("disabled", false);
  1337. } else {
  1338. $(".ui_xgt").hide();
  1339. $(".ui_xgt").attr("disabled", true);
  1340. }
  1341. // !吊牌
  1342. if (data.value != 2) {
  1343. // 隐藏吊牌600克/800克;显示原本的
  1344. $("#tag").hide();
  1345. $("#tag").find(":input").attr("disabled", true);
  1346. if (data.value != 8) {
  1347. $(".tagOther").show();
  1348. $(".tagOther").find(":input").attr("disabled", false);
  1349. }
  1350. } else {
  1351. // 切换吊牌的时候,重置材质单选框
  1352. $("#kindValueForm")[0].reset();
  1353. }
  1354. $("#craftForm")[0].reset();
  1355. if (data.value == 0 || data.value == 1) {
  1356. $("#kindValueForm")[0].reset();
  1357. $(".kindValue").show();
  1358. $(".kindValue").attr("disabled", false);
  1359. $(".kindValue2").hide();
  1360. $(".kindValue2").attr("disabled", true);
  1361. $(".kindValue3").hide();
  1362. $(".kindValue3").attr("disabled", true);
  1363. $(".kindValue4").hide();
  1364. $(".kindValue4").attr("disabled", true);
  1365. $(".kindValue5").hide();
  1366. $(".kindValue5").attr("disabled", true);
  1367. $(".kindValue7").hide();
  1368. $(".kindValue7").attr("disabled", true);
  1369. form.render();
  1370. /*=====选择腰封的时候将工艺隐藏=====*/
  1371. $("#craft").show();
  1372. $(".craft").hide();
  1373. $(".craft").find(":input").attr("disabled", true);
  1374. $(".ui_shk_size").hide();
  1375. $(".ui_shk_size").attr("disabled", true);
  1376. $(".ui_sdk").hide();
  1377. $(".ui_sdk").find(":input").attr("disabled", true);
  1378. $(".ui_xgt").hide();
  1379. $(".ui_xgt").find(":input").attr("disabled", true);
  1380. $(".qt").show();
  1381. $(".qt").attr("disabled", false);
  1382. $(".switchCount").show();
  1383. $(".switchCount").find(":input").attr("disabled", false);
  1384. $(".ui_fm_l").show();
  1385. $('.ui_fm_l').find(":input").attr("disabled", false);
  1386. form.on('radio(kindValue)', function (kindValueData) {
  1387. kindValue = kindValueData.value
  1388. $(".ui_fm_l").show();
  1389. $('.ui_fm_l').find(":input").attr("disabled", false);
  1390. // 腰封的时候,157克没有【覆膜】工艺
  1391. if (data.value == 1) {
  1392. // 腰封的时候,默认选择【单面覆膜】
  1393. $('.fm').prop('checked', true);
  1394. form.render('checkbox');
  1395. if (kindValueData.value == 2) {
  1396. $("#craftHu").show();
  1397. $('.ui_fm_l').find(":input").prop('checked', true);
  1398. $(".ui_fm").prop('disabled', false);
  1399. } else if (kindValueData.value == 0) {
  1400. $("#craftHu").show();
  1401. // $(".ui_fm").prop('disabled', true);
  1402. $(".ui_fm_l").hide();
  1403. $('.ui_fm_l').find(":input").prop('checked', false);
  1404. $('.ui_fm_l').find(":input").attr("disabled", true);
  1405. } else {
  1406. $("#craftHu").hide();
  1407. }
  1408. $('.fm').prop('disabled', false);
  1409. if (kindValueData.value == 0) {
  1410. $('.fm').prop('checked', false);
  1411. $('.fm').prop('disabled', true);
  1412. }
  1413. } else {
  1414. $('.fm').hide();
  1415. $('.fm').prop('checked', false);
  1416. }
  1417. // 吊旗、腰封--300克铜版纸的时候勾选模切,且不能取消
  1418. if (data.value == 0) {
  1419. $('input[class = mq]').prop('checked', true);
  1420. form.on('checkbox(switchMQ)', function (switchData) {
  1421. // 吊旗/吊牌的模切
  1422. if (!switchData.elem.checked) {
  1423. layer.msg('吊旗不能取消 [ 模切 ] 工艺!', {offset: ['300px', '300px']}, function () {
  1424. });
  1425. $('input[class = mq]').prop('checked', true);
  1426. form.render('checkbox');
  1427. } else {
  1428. kindValueData.value = 1;
  1429. }
  1430. if (switchData.elem.checked) {
  1431. $(".disab").attr("disabled", true);
  1432. $('input[class = disab]').prop('checked', false);
  1433. } else if (!switchData.elem.checked) {//放开模切的时候数量变成1
  1434. $(".disab").attr("disabled", false);
  1435. $('input[class = disab]').prop('checked');
  1436. $(".yahen").val(1)
  1437. $(".yadianxian").val(1)
  1438. $(".dakong").val(1)
  1439. form.render('select');
  1440. }
  1441. form.render('checkbox');
  1442. })
  1443. }
  1444. if (data.value == 1) {
  1445. if (kindValueData.value == 2) {
  1446. $('input[class = mq]').prop('checked', true);
  1447. form.on('checkbox(switchMQ)', function (switchData) {
  1448. if (kindValueData.value == 2) {
  1449. // 吊旗/吊牌的模切
  1450. if (!switchData.elem.checked) {
  1451. layer.msg('[ 腰封 - 300克铜版纸 ] 不能取消 [ 模切 ] 工艺!', {offset: ['300px', '300px']}, function () {
  1452. });
  1453. $('input[class = mq]').prop('checked', true);
  1454. form.render('checkbox');
  1455. } else {
  1456. kindValueData.value = 1;
  1457. }
  1458. }
  1459. })
  1460. } else {
  1461. $('input[class = mq]').prop('checked', false);
  1462. }
  1463. }
  1464. form.render('checkbox');
  1465. setRemark()
  1466. })
  1467. }/* else if (data.value == 2) {
  1468. if(couponKind != '少数量'){
  1469. $(".kindValue3").show();
  1470. $(".kindValue3").attr("disabled", false);
  1471. $(".kindValue2").hide();
  1472. $(".kindValue2").attr("disabled", true);
  1473. }else{
  1474. $(".kindValue2").show();
  1475. $(".kindValue2").attr("disabled", false);
  1476. $(".kindValue3").hide();
  1477. $(".kindValue3").attr("disabled", true);
  1478. // 少数量吊牌没有600/800克铜版纸
  1479. $(".tagOther").show();
  1480. $(".tagOther").find(":input").attr("disabled", false);
  1481. $("#tag").hide();
  1482. $("#tag").find(":input").attr("disabled", true);
  1483. }
  1484. $(".kindValue").hide();
  1485. $(".kindValue").attr("disabled", true);
  1486. $(".kindValue4").hide();
  1487. $(".kindValue4").attr("disabled", true);
  1488. $("#craft").show();
  1489. $(".craft").show();
  1490. $(".craft").find(":input").attr("disabled", false);
  1491. $('input[class = mq]').prop('checked', false);
  1492. $(".ui_shk_size").hide();
  1493. $(".ui_shk_size").attr("disabled", true);
  1494. $(".ui_sdk").hide();
  1495. $(".ui_sdk").find(":input").attr("disabled", true);
  1496. $(".qt").show();
  1497. $(".qt").attr("disabled", false);
  1498. $(".switchCount").show();
  1499. $(".switchCount").find(":input").attr("disabled", false);
  1500. // 特种纸名片
  1501. } */ else if (couponKind != "少数量" && data.value == 6) {
  1502. $("#kindValueForm")[0].reset();
  1503. $(".kindValue4").show();
  1504. $(".kindValue4").attr("disabled", false);
  1505. $(".kindValue").hide();
  1506. $(".kindValue").attr("disabled", true);
  1507. $(".kindValue2").hide();
  1508. $(".kindValue2").attr("disabled", true);
  1509. $(".kindValue3").hide();
  1510. $(".kindValue3").attr("disabled", true);
  1511. $(".kindValue7").hide();
  1512. $(".kindValue7").attr("disabled", true);
  1513. $(".ui_xgt").hide();
  1514. $(".ui_xgt").find(":input").attr("disabled", true);
  1515. $(".ui_shk_size").hide();
  1516. $(".ui_shk_size").attr("disabled", true);
  1517. $(".ui_sdk").hide();
  1518. $(".ui_sdk").find(":input").attr("disabled", true);
  1519. $(".qt").show();
  1520. $(".qt").attr("disabled", false);
  1521. form.render();
  1522. } else if (couponKind != "少数量" && data.value == 9) {//售后卡
  1523. $("#kindValueForm")[0].reset();
  1524. $(".kindValue2").show();
  1525. $(".kindValue2").attr("disabled", false);
  1526. $(".ui_shk_size").show();
  1527. $(".ui_shk_size").attr("disabled", false);
  1528. $(".count").show();
  1529. $(".count").find(":input").attr("disabled", false);
  1530. $(".kindValue4").hide();
  1531. $(".kindValue4").attr("disabled", true);
  1532. $(".kindValue").hide();
  1533. $(".kindValue").attr("disabled", true);
  1534. $(".kindValue3").hide();
  1535. $(".kindValue3").attr("disabled", true);
  1536. $(".kindValue7").hide();
  1537. $(".kindValue7").attr("disabled", true);
  1538. $(".ui_xgt").hide();
  1539. $(".ui_xgt").find(":input").attr("disabled", true);
  1540. $(".qt").hide();
  1541. $(".qt").attr("disabled", true);
  1542. $(".craft").hide();
  1543. $(".craft").find(":input").attr("disabled", true);
  1544. $("#craft").hide();
  1545. $(".switchCount").hide();
  1546. $(".switchCount").find(":input").attr("disabled", true);
  1547. $(".ui_sdk").hide();
  1548. $(".ui_sdk").find(":input").attr("disabled", true);
  1549. $(".ui_yh").hide();
  1550. form.render();
  1551. } else if (couponKind != "少数量" && data.value == 10) {//吸管套
  1552. $(".craft").hide();
  1553. $(".craft").find(":input").attr("disabled", true);
  1554. $(".kindValue7").show();
  1555. $(".kindValue7").attr("disabled", false);
  1556. $(".qt").show();
  1557. $(".qt").attr("disabled", false);
  1558. $(".count").show();
  1559. $(".count").find(":input").attr("disabled", false);
  1560. $(".kindValue2").hide();
  1561. $(".kindValue2").attr("disabled", true);
  1562. $(".kindValue4").hide();
  1563. $(".kindValue4").attr("disabled", true);
  1564. $(".kindValue").hide();
  1565. $(".kindValue").attr("disabled", true);
  1566. $(".kindValue3").hide();
  1567. $(".kindValue3").attr("disabled", true);
  1568. $(".ui_xgt").hide();
  1569. $(".ui_xgt").find(":input").attr("disabled", true);
  1570. $(".ui_shk_size").hide();
  1571. $(".ui_shk_size").find(":input").attr("disabled", true);
  1572. $(".ui_sdk").hide();
  1573. $(".ui_sdk").find(":input").attr("disabled", true);
  1574. $("#craft").hide();
  1575. $(".ui_yh").hide();
  1576. } else if (data.value == 11) {//圣诞卡
  1577. $(".ui_sdk").show();
  1578. $(".ui_sdk").find(":input").attr("disabled", false);
  1579. $(".craft").hide();
  1580. $(".craft").find(":input").attr("disabled", true);
  1581. $(".kindValue2").hide();
  1582. $(".kindValue2").attr("disabled", true);
  1583. $(".kindValue4").hide();
  1584. $(".kindValue4").attr("disabled", true);
  1585. $(".kindValue").hide();
  1586. $(".kindValue").attr("disabled", true);
  1587. $(".kindValue3").hide();
  1588. $(".kindValue3").attr("disabled", true);
  1589. $(".kindValue7").hide();
  1590. $(".kindValue7").attr("disabled", true);
  1591. $(".ui_xgt").hide();
  1592. $(".ui_xgt").find(":input").attr("disabled", true);
  1593. $(".qt").hide();
  1594. $(".qt").attr("disabled", true);
  1595. $(".switchCount").hide();
  1596. $(".switchCount").find(":input").attr("disabled", true);
  1597. $(".count").hide();
  1598. $(".count").find(":input").attr("disabled", true);
  1599. $(".ui_shk_size").hide();
  1600. $(".ui_shk_size").attr("disabled", true);
  1601. $("#craft").hide();
  1602. $(".ui_yh").hide();
  1603. } else if (couponKind != "少数量") {
  1604. $(".kindValue").hide();
  1605. $(".kindValue").attr("disabled", true);
  1606. $(".kindValue3").hide();
  1607. $(".kindValue3").attr("disabled", true);
  1608. $(".kindValue4").hide();
  1609. $(".kindValue4").attr("disabled", true);
  1610. $(".kindValue7").hide();
  1611. $(".kindValue7").attr("disabled", true);
  1612. $(".ui_xgt").hide();
  1613. $(".ui_xgt").find(":input").attr("disabled", true);
  1614. $(".kindValue2").show();
  1615. $("#craft").show();
  1616. $(".craft").show();
  1617. $(".craft").find(":input").attr("disabled", false);
  1618. $('input[class = mq]').prop('checked', false);
  1619. $(".kindValue5").hide();
  1620. $(".kindValue5").attr("disabled", true);
  1621. $(".ui_shk_size").hide();
  1622. $(".ui_shk_size").attr("disabled", true);
  1623. $(".ui_sdk").hide();
  1624. $(".ui_sdk").find(":input").attr("disabled", true);
  1625. $(".qt").show();
  1626. $(".qt").attr("disabled", false);
  1627. $(".switchCount").show();
  1628. $(".switchCount").find(":input").attr("disabled", false);
  1629. $(".count").show();
  1630. $(".count").find(":input").attr("disabled", false);
  1631. $("#craftHu").hide();
  1632. form.render('checkbox');
  1633. }
  1634. //卡片默认覆膜
  1635. if (couponKind != "少数量" && data.value != 1 && data.value != 8 && data.value != 9 && data.value != 10 && data.value != 11) {
  1636. $('.ui_double_fm').prop('checked', true);
  1637. form.on('checkbox(ui_fm)', function (switchData) {
  1638. if (!switchData.elem.checked) {
  1639. layer.msg('卡片不能取消 [覆膜] 工艺!', {offset: ['300px', '300px']}, function () {
  1640. });
  1641. $('.ui_double_fm').prop('checked', true);
  1642. form.render('checkbox');
  1643. }
  1644. getProductImage(switchData.elem.checked ? switchData.value : '')
  1645. })
  1646. } else if (data.value == 8) {
  1647. $('.ui_door_fm').prop('checked', true);
  1648. form.on('checkbox(switch)', function (switchData) {
  1649. if (!switchData.elem.checked && switchData.value == "双面覆哑膜") {
  1650. layer.msg('门挂牌不能取消 [覆膜] 工艺!', {offset: ['300px', '300px']}, function () {
  1651. });
  1652. $('.ui_door_fm').prop('checked', true);
  1653. form.render('checkbox');
  1654. }
  1655. })
  1656. }
  1657. if (data.value == 13) {
  1658. $("input[name='fmType']").prop('checked', false);
  1659. $("input[name='fmType']")[0].checked = true;
  1660. form.render('checkbox');
  1661. }
  1662. // 腰封的时候有覆膜
  1663. if (data.value == 1) {
  1664. $(".fumo").show();
  1665. $(".fumo").find(":input").attr("disabled", false);
  1666. $(".doublefumo").hide();
  1667. $(".doublefumo").find(":input").attr("disabled", true);
  1668. } else {
  1669. $(".doublefumo").show();
  1670. $(".doublefumo").find(":input").attr("disabled", false);
  1671. $(".fumo").hide();
  1672. $(".fumo").find(":input").attr("disabled", true);
  1673. $(".fm").hide();
  1674. $(".fm").attr("disabled", true);
  1675. }
  1676. // 选中吊牌的时候勾选打孔--下拉框也显示
  1677. if (data.value == 2) {
  1678. $(".dakongHide").show();
  1679. $(".value2").find(":input").attr("checked", true);
  1680. } else {
  1681. $(".dakongHide").hide();
  1682. $(".value2").find(":input").attr("checked", false);
  1683. }
  1684. // 抽奖券的时候勾选压点线、打码
  1685. if (data.value == 5) {
  1686. $(".yadianxianHide").show();
  1687. $(".value5").find(":input").attr("checked", true);
  1688. } else {
  1689. $(".value5").find(":input").attr("checked", false);
  1690. $(".yadianxianHide").hide();
  1691. }
  1692. // 存酒卡的时候勾选打码(下拉框显示)、模切,禁用第一排工艺
  1693. if (data.value == 7) {
  1694. $(".value7").find(":input").attr("checked", false);
  1695. $(".damaHide").hide();
  1696. $('input[class = mq]').prop('checked', true);
  1697. $('input[class = cjkDisab]').prop('checked', false);
  1698. $(".cjkDisab").attr("disabled", true);
  1699. // 打码勾选--编码类型说明显示
  1700. $(".bmType").hide();
  1701. // 切换到存酒卡的时候,把编码隐藏(4/28)
  1702. $(".bianma").hide();
  1703. $(".bianma").find(":input").attr("disabled", true);
  1704. $('input[class = ui_hu]').prop('checked', false);
  1705. $(".ui_hu").attr("disabled", true);
  1706. } else {
  1707. // 打码,模切取消选中
  1708. $(".value7").find(":input").attr("checked", false);
  1709. $(".damaHide").hide();
  1710. // 除‘存酒卡’外,编码类型、类型说明都隐藏
  1711. $(".bianma").hide();
  1712. $(".bianma").find(":input").attr("disabled", true);
  1713. $(".bmType").hide();
  1714. }
  1715. // 腰封、吊牌、贺卡隐藏【打码】工艺
  1716. if (data.value == 1 || data.value == 2 || data.value == 3 || data.value == 7) {
  1717. $(".dm").hide();
  1718. $(".dm").find(":input").attr("disabled", true);
  1719. }
  1720. // 5.11:选中少数量的时候隐藏所有的【烫金】工艺
  1721. // 12.31恢复少数量 【烫金】工艺
  1722. if (couponKind == '少数量' && (data.value == '积分卡' || data.value == '抽奖卡' || data.value == '刮刮卡')) {
  1723. $(".tj").hide();
  1724. // 禁用没用,下面有放开
  1725. //$(".tj").find(":input").attr("disabled", true);
  1726. $('input[class = tjCraft]').prop('checked', false);
  1727. } else {
  1728. $(".tj").show();
  1729. $(".tj").find(":input").attr("disabled", false);
  1730. }
  1731. // 腰封,隐藏【烫金】工艺
  1732. if (data.value == 1) {
  1733. $(".tj").hide();
  1734. $(".tj").find(":input").attr("disabled", true);
  1735. }
  1736. form.render('checkbox');
  1737. var kind = $('input[name="kind"]:checked').val()
  1738. var proTypeValue = $("#proTypeValue").val()
  1739. // 用于轮播图的proTypeValue
  1740. if (kind == 8) {
  1741. proTypeValue = 25
  1742. } else {
  1743. proTypeValue = 4
  1744. }
  1745. //kind != 1 && kind != 2 && kind != 3 &&
  1746. if (true) {
  1747. // 轮播图
  1748. var html = " ";
  1749. var remark = " ";
  1750. // 清空轮播图
  1751. $("#carousel").empty();
  1752. $("#remark").empty();
  1753. let kindValue2 = $("input[name='kindValue2']:checked").val();
  1754. // 轮播图
  1755. let params = {
  1756. proTypeValue: proTypeValue,
  1757. kindValue: kind
  1758. }
  1759. if (kind == "3") {
  1760. params.kind2Value = kindValue2
  1761. }
  1762. $.ajax({
  1763. url: "${pageContext.request.contextPath}/getImgs",
  1764. type: "GET",
  1765. data: params,
  1766. //dataType : "json",
  1767. success: function (result) {
  1768. for (let i = 0; i < result.length; i++) {
  1769. // 只留一个remark
  1770. remark = "";
  1771. html += '<div><img style="width:' + result[0].imgWidth + 'px" src="' + result[i].imgUrl + '"></div>';
  1772. remark += '<div><span>' + result[i].remark + '<span/></div>';
  1773. }
  1774. $("#carousel").append(html);
  1775. // 如果没有说明,就不显示null
  1776. if (remark.indexOf("null") < 0) {
  1777. remark_html = remark;
  1778. $("#remark").append(remark);
  1779. }
  1780. // 如果没有轮播图就隐藏
  1781. if (result.length == 0) {
  1782. document.getElementById("test1").style.display = "none"; //隐藏
  1783. } else {
  1784. document.getElementById("test1").style.display = "block"; //显示
  1785. ins.reload({
  1786. elem: '#test1',
  1787. width: result[0].imgWidth, //设置容器宽度
  1788. height: result[0].imgHeight
  1789. });
  1790. }
  1791. }
  1792. });
  1793. } else {
  1794. document.getElementById("test1").style.display = "none"; //隐藏
  1795. }
  1796. // 少数量展示kindValue2,隐藏kindValue、kindValue3、kindValue4
  1797. // 上面的else 已经有这个效果了
  1798. $(".scolor").hide()
  1799. $("#kindValueForm").show();
  1800. if (couponKind == "少数量") {
  1801. $(".ui_shk_size").hide();
  1802. $(".ui_shk_size").attr("disabled", true);
  1803. $(".ui_sdk").hide();
  1804. $(".ui_sdk").attr("disabled", true);
  1805. $("#selectCount1").hide();
  1806. $("#selectCount1").attr("disabled", true);
  1807. $(".kindValue2").show();
  1808. $(".kindValue2").attr("disabled", false);
  1809. $(".kindValue").hide();
  1810. $(".kindValue").attr("disabled", true);
  1811. $(".kindValue3").hide();
  1812. $(".kindValue3").attr("disabled", true);
  1813. $(".kindValue4").hide();
  1814. $(".kindValue4").attr("disabled", true);
  1815. $(".kindValue7").hide();
  1816. $(".kindValue7").attr("disabled", true);
  1817. $(".ui_xgt").hide();
  1818. $(".ui_xgt").hide();
  1819. $(".ui_xgt").find(":input").attr("disabled", true);
  1820. // 少数量隐藏常规的工艺
  1821. $(".lessCountHideCraft").show();
  1822. $(".lessCountHideCraft").find(":input").attr("disabled", false);
  1823. $(".normalCountHideCraft").hide();
  1824. $(".normalCountHideCraft").find(":input").attr("disabled", true);
  1825. $(".lessCountHideCraft").show();
  1826. $(".lessCountHideCraft").find(":input").attr("disabled", false);
  1827. $(".ui_menu_craft").hide();
  1828. $(".ui_menu_craft").find(":input").attr("disabled", true);
  1829. $(".z3_craft").hide()
  1830. $(".z3_craft input[name='craft']").prop("disabled", true);
  1831. $(".z4_craft").hide();
  1832. $(".peijian_ui").hide();
  1833. $(".z4_craft").find(":input").attr("disabled", true);
  1834. $(".peijian_ui").find(":input").attr("disabled", true);
  1835. $(".kindValue5").hide();
  1836. $(".kindValue5").find(":input").attr("disabled", true);
  1837. $(".ui_hlbz").hide();
  1838. $(".ui_hlbz").find(":input").attr("disabled", true);
  1839. $(".kindValue2").show();
  1840. $(".kindValue2").find(":input").attr("disabled", false);
  1841. $(".qt").show();
  1842. $(".qt").find(":input").attr("disabled", false);
  1843. $("#size").show();
  1844. $(".ui_menu_size").hide();
  1845. $(".ui_menu_size").find(":input").attr("disabled", true);
  1846. $(".ui_tzmp").hide();
  1847. $(".ui_tzmp").find(":input").attr("disabled", true);
  1848. $(".kindValue6").hide();
  1849. $(".kindValue6").find(":input").attr("disabled", true);
  1850. if ($("#number").val() > 1) {
  1851. $("#ui_des").show();
  1852. }
  1853. $("#kindValueForm").show();
  1854. $("#3zValueForm").hide();
  1855. $("#3z_size").hide()
  1856. $(".z3_vice").hide()
  1857. $(".switchz3Size").hide();
  1858. $(".size-tip-z3").hide();
  1859. $(".size-tip-other").show();
  1860. $('input[class = specialCraft]').prop('checked', false);
  1861. if (data.value == '异形卡片' && data.value == "直角卡片") {
  1862. $(".specialCraft").attr("disabled", true);
  1863. $('input[class = specialCraft]').prop('checked', false);
  1864. }
  1865. if (data.value == '异形卡片') {
  1866. $('input[class = specialCraft]').prop('checked', true);
  1867. }
  1868. if (data.value == "婚礼卡") {
  1869. $(".zhijiaoCard").show();
  1870. $('input[class = zhijiaoCraft]').prop('checked', true);
  1871. } else {
  1872. $(".zhijiaoCard").hide();
  1873. $('input[class = zhijiaoCraft]').prop('checked', false);
  1874. }
  1875. if (data.value == "菜单") {
  1876. $(".lessCountHideCraft").hide();
  1877. $(".lessCountHideCraft").find(":input").attr("disabled", true);
  1878. $(".ui_menu_craft").show();
  1879. $(".ui_menu_craft").find(":input").attr("disabled", false);
  1880. $(".kindValue2").hide();
  1881. $(".kindValue2").find(":input").attr("disabled", true);
  1882. $(".kindValue5").show();
  1883. $(".kindValue5").find(":input").attr("disabled", false);
  1884. $(".kindValue6").hide();
  1885. $(".kindValue6").find(":input").attr("disabled", true);
  1886. $(".qt").hide();
  1887. $(".qt").find(":input").attr("disabled", true);
  1888. $("#size").hide();
  1889. $(".ui_menu_size").show();
  1890. $(".ui_menu_size").find(":input").attr("disabled", false);
  1891. $("input[name='craftShua']").removeAttr("checked");
  1892. $(".ui_hlbz").hide();
  1893. $(".ui_hlbz").find(":input").attr("disabled", true);
  1894. $("#ui_des").hide();
  1895. } else if (data.value == "婚礼报纸") {
  1896. $(".ui_hlbz").show();
  1897. $(".ui_hlbz").find(":input").attr("disabled", false);
  1898. $(".kindValue2").hide();
  1899. $(".kindValue2").find(":input").attr("disabled", true);
  1900. $(".kindValue5").hide();
  1901. $(".kindValue5").find(":input").attr("disabled", true);
  1902. $(".kindValue6").hide();
  1903. $(".kindValue6").find(":input").attr("disabled", true);
  1904. $(".ui_menu_craft").hide();
  1905. $(".ui_menu_craft").find(":input").attr("disabled", true);
  1906. $(".lessCountHideCraft").hide();
  1907. $(".lessCountHideCraft").find(":input").attr("disabled", true);
  1908. $("#ui_des").hide();
  1909. } else if (data.value == "特种纸名片") {
  1910. $(".ui_tzmp").show();
  1911. $(".ui_tzmp").find(":input").attr("disabled", false);
  1912. $(".kindValue6").show();
  1913. $(".kindValue6").find(":input").attr("disabled", false);
  1914. $(".ui_hlbz").hide();
  1915. $(".ui_hlbz").find(":input").attr("disabled", true);
  1916. $(".kindValue2").hide();
  1917. $(".kindValue2").find(":input").attr("disabled", true);
  1918. $(".kindValue5").hide();
  1919. $(".kindValue5").find(":input").attr("disabled", true);
  1920. $(".ui_menu_craft").hide();
  1921. $(".ui_menu_craft").find(":input").attr("disabled", true);
  1922. $(".lessCountHideCraft").hide();
  1923. $(".lessCountHideCraft").find(":input").attr("disabled", true);
  1924. $(".ui_yh").hide();
  1925. $(".ui_tz_yh").show();
  1926. if ($("#number").val() > 1) {
  1927. $("#ui_des").show();
  1928. }
  1929. } else if (data.value == '种子纸') {
  1930. $('input[class = tjCraft]').prop('checked', false);
  1931. $("#3zValueForm").show();
  1932. $("#3z_size").show();
  1933. $(".z3_craft").show()
  1934. $(".z3_craft").find(":input").attr("disabled", false);
  1935. $(".z4_craft").hide();
  1936. $(".peijian_ui").hide();
  1937. $(".z4_craft").find(":input").attr("disabled", true);
  1938. $(".peijian_ui").find(":input").attr("disabled", true);
  1939. z3Select($('input[name="z3type"]:checked').val());
  1940. $(".switchz3Size").show();
  1941. $("#kindValueForm").hide()
  1942. $(".lessCountHideCraft").hide();
  1943. $(".lessCountHideCraft").find(":input").attr("disabled", true);
  1944. $(".qt").hide();
  1945. $('input[name="switchz3Size"]').prop('checked', false);
  1946. $(".size-tip-z3").show();
  1947. $(".size-tip-other").hide();
  1948. } else {
  1949. }
  1950. $(".guaguaSize1").hide();
  1951. $(".guaguaSize").hide();
  1952. if (kind == 13 || kind == "刮刮卡") {
  1953. $(".guaguaSize").show();
  1954. $(".guaguaSize1 select[name='size1']").attr("disabled", true);
  1955. } else {
  1956. $(".guaguaSize").hide();
  1957. }
  1958. form.render('checkbox');
  1959. } else {
  1960. $(".lessCountHideCraft").hide();
  1961. $(".lessCountHideCraft").find(":input").attr("disabled", true);
  1962. $(".ui_hlbz").hide();
  1963. $(".ui_hlbz").find(":input").attr("disabled", true);
  1964. $(".ui_menu_craft").hide();
  1965. $(".ui_menu_craft").find(":input").attr("disabled", true);
  1966. $(".ui_menu_size").hide();
  1967. $(".ui_menu_size").find(":input").attr("disabled", true);
  1968. $(".ui_tzmp").hide();
  1969. $(".ui_tzmp").find(":input").attr("disabled", true);
  1970. $(".kindValue6").hide();
  1971. $(".kindValue6").find(":input").attr("disabled", true);
  1972. $("#3zValueForm").hide();
  1973. $("#3z_size").hide()
  1974. $(".z3_vice").hide()
  1975. $(".switchz3Size").hide();
  1976. $(".size-tip-z3").hide();
  1977. $(".z3_craft").hide();
  1978. $(".z3_craft input[name='craft']").prop("disabled", true);
  1979. $(".z4_craft").hide();
  1980. $(".peijian_ui").hide();
  1981. $(".z4_craft").find(":input").attr("disabled", true);
  1982. $(".peijian_ui").find(":input").attr("disabled", true);
  1983. $(".size-tip-other").show();
  1984. $('input[class = specialCraft]').prop('checked', false);
  1985. $(".lessCountHideCraft").find(".specialCraft").prop('checked', false);
  1986. $("#size").show();
  1987. $(".guaguaSize1").hide();
  1988. $(".guaguaSize").hide();
  1989. if (kind == 13 || kind == "刮刮卡") {
  1990. $(".guaguaSize1").show();
  1991. $(".guaguaSize select[name='size1']").attr("disabled", true);
  1992. } else {
  1993. $(".guaguaSize1").hide();
  1994. }
  1995. }
  1996. $(".kindValue2 input[value='10']").prop("disabled", true).prop("checked", false);
  1997. $(".kindValue2 input[value='2']").prop("disabled", false).prop("checked", true);
  1998. if (data.value == 3) {
  1999. $(".kindValue2 input[value='10']").prop("disabled", false);
  2000. $("#peijian_ui").show();
  2001. $("#peijian_ui").find(":input").attr("disabled", false);
  2002. }
  2003. $(".carft_lius").hide();
  2004. $(".carft_lius checkbox[name='craft']").attr("disabled", true);
  2005. if (data.value == 3 && couponKind != "少数量") {
  2006. $(".carft_lius").show();
  2007. $(".carft_lius checkbox[name='craft']").attr("disabled", false);
  2008. }
  2009. form.render();
  2010. });
  2011. form.on('checkbox(z3Crafts)', (data) => {
  2012. let value = data.value;
  2013. let checked = $(data.elem).is(":checked");
  2014. if (value == '直角' && $(".z3_craft_yj input[name='craft']").is(":checked")) {
  2015. $(data.elem).prop("checked", false);
  2016. layer.msg('直角-圆角不能同时选择!', {offset: ['300px', '300px']}, {icon: 5});
  2017. }
  2018. if (value == '圆角' && $(".z3_craft_zj input[name='craft']").is(":checked")) {
  2019. $(data.elem).prop("checked", false);
  2020. layer.msg('直角-圆角不能同时选择!', {offset: ['300px', '300px']}, {icon: 5});
  2021. }
  2022. if (value == '模切') {
  2023. $(".z3_craft_yj input[name='craft']").prop("disabled", checked);
  2024. $(".z3_craft_zj input[name='craft']").prop("disabled", checked);
  2025. $(".z3_craft_dk input[name='craft']").prop("disabled", checked);
  2026. $(".z3_craft_ssx input[name='craft']").prop("disabled", checked);
  2027. $(".z3_craft_yh input[name='craft']").prop("disabled", checked);
  2028. $(".z3_craft_bm input[name='craft']").prop("disabled", checked);
  2029. } else {
  2030. if ($(".z3_craft input[name='craft']:checked").length == 0 || checked) {
  2031. $(".z3_craft_mq input[name='craft']").prop("disabled", checked);
  2032. }
  2033. }
  2034. let shengz = $(".shengz:checked").length;
  2035. if (shengz == 1) {
  2036. $(".scolor").css("display", "inline-block")
  2037. } else {
  2038. $(".scolor").hide()
  2039. }
  2040. form.render();
  2041. })
  2042. form.on('radio(z3type)', (data) => {
  2043. z3Select(data.value);
  2044. })
  2045. form.on('select(z3size1)', (data) => {
  2046. if ($('input[name="z3type"]:checked').val() == 0) {
  2047. z3Vice(data.value);
  2048. }
  2049. if ($('input[name="z3type"]:checked').val() == 1) {
  2050. z3Craft(data.value)
  2051. }
  2052. $("#size").val(data.value);
  2053. })
  2054. form.on('checkbox(switchz3Size)', (data) => {
  2055. $(".z3_craft input[name='craft']").prop("checked", false);
  2056. $(".z3_craft input[name='craft']").prop("disabled", false);
  2057. if (data.elem.checked) {
  2058. $("#3z_size").hide();
  2059. $(".qt").show();
  2060. $(".z3_vice").hide();
  2061. $("#size").val('');
  2062. $("#3zValueForm").hide();
  2063. $(".z3_craft_yj").show();
  2064. $(".z3_craft_zj").show();
  2065. $(".z3_craft_dk").show();
  2066. $(".z3_craft_ssx").show();
  2067. $(".z3_craft_yh").show();
  2068. $(".z3_craft_bm").show();
  2069. $(".z3_craft_mq").show();
  2070. } else {
  2071. $("#3z_size").show();
  2072. $("#size").val($('select[name="z3size1"]:not(:disabled) option:checked').val());//尺寸重新赋值
  2073. $(".qt").hide()
  2074. z3Select($('input[name="z3type"]:checked').val());
  2075. $("#3zValueForm").show();
  2076. }
  2077. form.render();
  2078. })
  2079. form.on('radio(kindValue7)', function (xgtData) {
  2080. if (xgtData.value == 2) {
  2081. $(".ui_xgt").hide();
  2082. $(".ui_xgt").find(":input").attr("disabled", true);
  2083. $(".qt").show();
  2084. $(".qt").find(":input").attr("disabled", false);
  2085. $(".count").show();
  2086. $(".count").find(":input").attr("disabled", false);
  2087. } else {
  2088. $(".ui_xgt").show();
  2089. $(".ui_xgt").find(":input").attr("disabled", false);
  2090. $(".qt").hide();
  2091. $(".qt").find(":input").attr("disabled", true);
  2092. $(".count").hide();
  2093. $(".count").find(":input").attr("disabled", true);
  2094. }
  2095. form.render();
  2096. });
  2097. // 监听吊牌材质
  2098. form.on('radio(kindValue3)', function (tagData) {
  2099. // !300克铜版纸
  2100. if (tagData.value != 3) {
  2101. $(".tagOther").hide();
  2102. $(".tagOther").find(":input").attr("disabled", true);
  2103. $("#tag").show();
  2104. $("#tag").find(":input").attr("disabled", false);
  2105. } else {
  2106. $(".tagOther").show();
  2107. $(".tagOther").find(":input").attr("disabled", false);
  2108. $("#tag").hide();
  2109. $("#tag").find(":input").attr("disabled", true);
  2110. }
  2111. form.render();
  2112. })
  2113. // 监听名片材质
  2114. form.on('radio(kindValue4)', function (specialCardData) {
  2115. // !300克铜版纸
  2116. if (specialCardData.value != 3) {
  2117. $(".tagOther").hide();
  2118. $(".tagOther").find(":input").attr("disabled", true);
  2119. $("#specialCard").show();
  2120. $("#specialCard").find(":input").attr("disabled", false);
  2121. form.on('select(kindValueSelect)', function (data) {
  2122. // 轮播图
  2123. var html = " ";
  2124. var remark = " ";
  2125. // 清空轮播图
  2126. $("#carousel").empty();
  2127. $("#remark").empty();
  2128. $.ajax({
  2129. url: "${pageContext.request.contextPath}/getImgs",
  2130. type: "GET",
  2131. data: {
  2132. proTypeValue: "4",
  2133. kindValue: "6",
  2134. kind2Value: data.value
  2135. },
  2136. //dataType : "json",
  2137. success: function (result) {
  2138. for (let i = 0; i < result.length; i++) {
  2139. // 只留一个remark
  2140. remark = "";
  2141. html += '<div><img style="width:' + result[0].imgWidth + 'px" src="' + result[i].imgUrl + '"></div>';
  2142. remark += '<div><span>' + result[i].remark + '<span/></div>';
  2143. }
  2144. $("#carousel").append(html);
  2145. // 如果没有说明,就不显示null
  2146. if (remark.indexOf("null") < 0) {
  2147. remark_html = remark;
  2148. $("#remark").append(remark);
  2149. }
  2150. // 如果没有轮播图就隐藏
  2151. if (result.length == 0) {
  2152. document.getElementById("test1").style.display = "none"; //隐藏
  2153. } else {
  2154. document.getElementById("test1").style.display = "block"; //显示
  2155. ins.reload({
  2156. elem: '#test1',
  2157. width: result[0].imgWidth, //设置容器宽度
  2158. height: result[0].imgHeight
  2159. });
  2160. }
  2161. }
  2162. });
  2163. if (data.value.length <= 4) {
  2164. $("#noCraft").show();
  2165. $("#hasCraft").hide();
  2166. $("#noCraft").find(":input").attr("disabled", false);
  2167. $("#hasCraft").find(":input").attr("disabled", true);
  2168. $('.noCraft').removeAttr('disabled');
  2169. $('.hasCraft').prop('disabled', 'disabled');
  2170. if (data.value == '珠光纸') {
  2171. $('input[class = switchCardCount]').prop('checked', false);
  2172. // 默认禁用自定义的数量
  2173. $(".diyCardCount").find(":input").attr("disabled", true);
  2174. //【自定义数量】复选框
  2175. $(".cardCount").show();
  2176. // 自定义少数量
  2177. form.on('checkbox(switchCardCount)', function (data) {
  2178. if (data.elem.checked) {
  2179. $(".diyCardCount").show();
  2180. $(".notDiyCardCount").hide();
  2181. $(".diyCardCount").find(":input").attr("disabled", false);
  2182. $(".notDiyCardCount").find(":input").attr("disabled", true);
  2183. } else {
  2184. $(".notDiyCardCount").show();
  2185. $(".diyCardCount").hide();
  2186. $(".notDiyCardCount").find(":input").attr("disabled", false);
  2187. $(".diyCardCount").find(":input").attr("disabled", true);
  2188. }
  2189. form.render();
  2190. })
  2191. } else {
  2192. //【自定义数量】复选框
  2193. $(".cardCount").hide();
  2194. $(".notDiyCardCount").show();
  2195. $(".diyCardCount").hide();
  2196. $(".notDiyCardCount").find(":input").attr("disabled", false);
  2197. $(".diyCardCount").find(":input").attr("disabled", true);
  2198. }
  2199. form.render();
  2200. } else {
  2201. $("#hasCraft").show();
  2202. $("#noCraft").hide();
  2203. $("#hasCraft").find(":input").attr("disabled", false);
  2204. $("#noCraft").find(":input").attr("disabled", true);
  2205. $('.hasCraft').removeAttr('disabled');
  2206. $('.noCraft').prop('disabled', 'disabled');
  2207. }
  2208. form.render();
  2209. })
  2210. } else {
  2211. $(".tagOther").show();
  2212. $(".tagOther").find(":input").attr("disabled", false);
  2213. $("#specialCard").hide();
  2214. $("#specialCard").find(":input").attr("disabled", true);
  2215. }
  2216. form.render();
  2217. })
  2218. // 自定义少数量
  2219. form.on('checkbox(switchCount)', function (data) {
  2220. if (data.elem.checked) {
  2221. $(".diyCount").show();
  2222. $(".count").hide();
  2223. $(".diyCount").find(":input").attr("disabled", false);
  2224. $(".count").find(":input").attr("disabled", true);
  2225. } else {
  2226. $(".count").show();
  2227. $(".diyCount").hide();
  2228. $(".count").find(":input").attr("disabled", false);
  2229. $(".diyCount").find(":input").attr("disabled", true);
  2230. // 恢复标准数量的时候会被禁用,加这个解决
  2231. form.render();
  2232. }
  2233. })
  2234. form.on('checkbox(ui_yf_fm)', function (data) {
  2235. var fm = $(".fm:checked").val();
  2236. var ui_fm = $(".ui_fm:checked").val();
  2237. if (fm == "单面覆膜" && ui_fm == "双面覆膜") {
  2238. $(data.elem).next().attr("class", "layui-unselect layui-form-checkbox");
  2239. $(data.elem).prop("checked", false);
  2240. layer.msg('单面覆膜和双面覆膜只能选一种!', {offset: ['300px', '300px']}, {icon: 5});
  2241. return false;
  2242. }
  2243. form.render();
  2244. })
  2245. // 吊牌600克/800克自定义尺寸
  2246. form.on('checkbox(switchSize)', function (data) {
  2247. if (data.elem.checked) {
  2248. $(".diySize").show();
  2249. $(".fixedSize").hide();
  2250. $(".diySize").find(":input").attr("disabled", false);
  2251. $(".fixedSize").find(":input").attr("disabled", true);
  2252. } else {
  2253. $(".fixedSize").show();
  2254. $(".diySize").hide();
  2255. $(".fixedSize").find(":input").attr("disabled", false);
  2256. $(".diySize").find(":input").attr("disabled", true);
  2257. // 恢复标准数量的时候会被禁用,加这个解决
  2258. form.render();
  2259. }
  2260. })
  2261. // 监听工艺多选框
  2262. form.on('checkbox(switchMQ)', function (data) {
  2263. var kind = $('input[name="kind"]:checked').val();
  2264. //判断当前多选框是选中还是取消选中
  2265. if (kind != 7) {
  2266. // 除存酒卡
  2267. if (data.elem.checked && data.value == '模切') {
  2268. // 选中模切时取消除烫金外的选中并禁用工艺
  2269. $('input.disab').prop('checked', false);
  2270. $(".disab").attr("disabled", true);
  2271. } else if (!data.elem.checked && data.value == '模切') {//放开模切的时候数量变成1
  2272. $(".disab").attr("disabled", false);
  2273. $('input.disab').prop('checked');
  2274. $(".yahen").val(1)
  2275. $(".yadianxian").val(1)
  2276. $(".dakong").val(1)
  2277. }
  2278. } else {
  2279. // 存酒卡
  2280. if (data.elem.checked && data.value == '模切') {
  2281. // 选中模切后取消除烫金、打码外的选中并禁用工艺
  2282. $('input[class = cjkDisab]').prop('checked', false);
  2283. $(".cjkDisab").attr("disabled", true);
  2284. } else if (!data.elem.checked && data.value == '模切') {//放开模切的时候数量变成1
  2285. $(".cjkDisab").attr("disabled", false);
  2286. $('input[class = cjkDisab]').prop('checked');
  2287. $(".yahen").val(1)
  2288. $(".yadianxian").val(1)
  2289. $(".dakong").val(1)
  2290. }
  2291. }
  2292. form.render();
  2293. getProductImage(data.elem.checked ? data.value : '')
  2294. });
  2295. form.on('checkbox(ui_lius)', function (data) {
  2296. getProductImage(data.elem.checked ? data.value : '')
  2297. })
  2298. form.on('checkbox(fmType)', function (data) {
  2299. if (data.elem.checked) {
  2300. $(data.elem).siblings().prop("checked", false);
  2301. } else {
  2302. $(data.elem).prop("checked", true);
  2303. layer.msg('贴膜-配膜必须选择!', {offset: ['300px', '300px']}, {icon: 5});
  2304. }
  2305. form.render('checkbox');
  2306. })
  2307. // 选中工艺的时候,才显示出对应下拉框
  2308. form.on('checkbox(switch)', function (data) {
  2309. // 四个只能选俩个
  2310. var len = $(".max:checked").length;
  2311. if (len > 2) {
  2312. $(data.elem).next().attr("class", "layui-unselect layui-form-checkbox");
  2313. $(data.elem).prop("checked", false);
  2314. layer.msg('【压痕、压点线、打孔、圆角】最多只能选2项!', {offset: ['300px', '300px']}, {icon: 5});
  2315. return false;
  2316. }
  2317. // 压痕压点线只能选一个
  2318. var yaLen = $(".ya:checked").length;
  2319. if (yaLen > 1) {
  2320. $(data.elem).next().attr("class", "layui-unselect layui-form-checkbox");
  2321. $(data.elem).prop("checked", false);
  2322. layer.msg('[压痕 - 压点线]不能同时选择!', {offset: ['300px', '300px']}, {icon: 5});
  2323. return false;
  2324. }
  2325. // 单面/双面烫金只能选一个
  2326. var tangjin = $(".tangjin:checked").length;
  2327. if (tangjin > 1) {
  2328. $(data.elem).next().attr("class", "layui-unselect layui-form-checkbox");
  2329. $(data.elem).prop("checked", false);
  2330. layer.msg('[单面烫金 - 双面烫金]不能同时选择!', {offset: ['300px', '300px']}, {icon: 5});
  2331. return false;
  2332. }
  2333. var hu = $(".ui_hu:checked").length;
  2334. if (hu > 1) {
  2335. $(data.elem).next().attr("class", "layui-unselect layui-form-checkbox");
  2336. $(data.elem).prop("checked", false);
  2337. layer.msg('[糊成品 - 糊半成品]不能同时选择!', {offset: ['300px', '300px']}, {icon: 5});
  2338. return false;
  2339. } else if (hu == 1) {
  2340. var size = $("#size").val();
  2341. if ((size.split("*")[0] < 20 || size.split("*")[1] < 4) && (size.split("*")[0] < 4 || size.split("*")[1] < 20)) {
  2342. $(data.elem).next().attr("class", "layui-unselect layui-form-checkbox");
  2343. $(data.elem).prop("checked", false);
  2344. layer.msg('糊成品/糊半成品最小尺寸20*4cm!', {offset: ['300px', '300px']}, {icon: 5});
  2345. return false;
  2346. }
  2347. }
  2348. // 产品品种
  2349. var kind = $('input[name="kind"]:checked').val();
  2350. // 腰封4*4cm内无法选择【单面覆膜】工艺
  2351. /* if (data.value == '单面覆膜') {
  2352. if(data.elem.checked){
  2353. if (($("#size").val().split("*")[0] < 4 || $("#size").val().split("*")[1] < 4)) {
  2354. layer.msg("[ 腰封 ] 尺寸小于4 cm无法 [ 单面覆膜 ]",{offset:['300px','300px']},function(){});
  2355. $('input[class = fm]').prop('checked', false);
  2356. form.render('checkbox');
  2357. return false;
  2358. }
  2359. }
  2360. } */
  2361. // 打码选中的时候,显示数量下拉框、编码类型、并把数量置为1(4/28改,原来只有存酒卡才显示)
  2362. if (data.value == '打码') {
  2363. if (data.elem.checked) {
  2364. var size = $("#size").val();
  2365. if ((size.split("*")[0] < 9 || size.split("*")[1] < 5.4) && (size.split("*")[1] < 9 || size.split("*")[0] < 5.4)) {
  2366. $(data.elem).next().attr("class", "layui-unselect layui-form-checkbox");
  2367. $(data.elem).prop("checked", false);
  2368. layer.msg('打码工艺最小尺寸9*5.4cm!', {offset: ['300px', '300px']}, function () {
  2369. });
  2370. return false;
  2371. }
  2372. $(".bmType").show();
  2373. $(".damaHide").show();
  2374. $(".dama").val(1);
  2375. //$('input[class = mq]').prop('disabled', true);
  2376. form.render('select');
  2377. } else {
  2378. // 打码取消选中的时候,隐藏下拉框、编码类型
  2379. $(".bianma").hide();
  2380. $(".bmType").hide();
  2381. $(".damaHide").hide();
  2382. //$('input[class = mq]').prop('disabled', false);
  2383. }
  2384. }
  2385. // 除存酒卡
  2386. if (kind != 7) {
  2387. // 压痕数量是2的时候,切换成模切,禁用其它
  2388. if (data.value == '压痕') {
  2389. if (data.elem.checked) {
  2390. $(".yahenHide").show();
  2391. var size = $("#size").val();
  2392. var length = size.split("*")[0];
  2393. var width = size.split("*")[1];
  2394. if ($(".yahen").val() == 1) {
  2395. if ((length < 10.8 || width < 6) && (length < 6 || width < 10.8)) {
  2396. $('input[class = disab]').prop('checked', false);
  2397. $(".disab").attr("disabled", true);
  2398. $('input[class = mq]').prop('checked', true);
  2399. }
  2400. } else {
  2401. if ((length < 13.5 || width < 5.4) && (length < 5.4 || width < 13.5)) {
  2402. $('input[class = disab]').prop('checked', false);
  2403. $(".disab").attr("disabled", true);
  2404. $('input[class = mq]').prop('checked', true);
  2405. }
  2406. }
  2407. } else {
  2408. $(".yahenHide").hide();
  2409. }
  2410. }
  2411. // 压点线数量是2的时候,切换成模切,禁用其它
  2412. if (data.value == '压点线') {
  2413. if (data.elem.checked) {
  2414. $(".yadianxianHide").show();
  2415. if ($(".yadianxian").val() == 2) {
  2416. $('input[class = disab]').prop('checked', false);
  2417. $(".disab").attr("disabled", true);
  2418. $('input[class = mq]').prop('checked', true);
  2419. }
  2420. } else {
  2421. $(".yadianxianHide").hide();
  2422. }
  2423. }
  2424. // 打孔数量是2的时候,切换成模切,禁用其它
  2425. if (data.value == '打孔') {
  2426. if (data.elem.checked) {
  2427. $(".dakongHide").show();
  2428. if ($(".dakong").val() == 2) {
  2429. $('input[class = disab]').prop('checked', false);
  2430. $(".disab").attr("disabled", true);
  2431. $('input[class = mq]').prop('checked', true);
  2432. }
  2433. } else {
  2434. $(".dakongHide").hide();
  2435. }
  2436. }
  2437. // 打码选中的时候,显示下拉框(4/28注释)
  2438. /* if (data.value == '打码') {
  2439. if(data.elem.checked){
  2440. $(".damaHide").show();
  2441. }else{
  2442. $(".damaHide").hide();
  2443. }
  2444. } */
  2445. } else {
  2446. // 存酒卡
  2447. // 压痕数量是2的时候,切换成模切,禁用第一排
  2448. if (data.value == '压痕') {
  2449. if (data.elem.checked) {
  2450. $(".yahenHide").show();
  2451. if ($(".yahen").val() == 2) {
  2452. $('input[class = cjkDisab]').prop('checked', false);
  2453. $(".cjkDisab").attr("disabled", true);
  2454. $('input[class = mq]').prop('checked', true);
  2455. }
  2456. } else {
  2457. $(".yahenHide").hide();
  2458. }
  2459. }
  2460. // 压点线数量是2的时候,切换成模切,禁用其它
  2461. if (data.value == '压点线') {
  2462. if (data.elem.checked) {
  2463. $(".yadianxianHide").show();
  2464. if ($(".yadianxian").val() == 2) {
  2465. $('input[class = cjkDisab]').prop('checked', false);
  2466. $(".cjkDisab").attr("disabled", true);
  2467. $('input[class = mq]').prop('checked', true);
  2468. }
  2469. } else {
  2470. $(".yadianxianHide").hide();
  2471. }
  2472. }
  2473. // 打孔数量是2的时候,切换成模切,禁用其它
  2474. if (data.value == '打孔') {
  2475. if (data.elem.checked) {
  2476. $(".dakongHide").show();
  2477. if ($(".dakong").val() == 2) {
  2478. $('input[class = cjkDisab]').prop('checked', false);
  2479. $(".cjkDisab").attr("disabled", true);
  2480. $('input[class = mq]').prop('checked', true);
  2481. }
  2482. } else {
  2483. $(".dakongHide").hide();
  2484. }
  2485. }
  2486. // 存酒卡打码(4/28注释)
  2487. /* if (data.value == '打码') {
  2488. // 打码选中的时候,显示数量下拉框、编码类型、并把数量置为1
  2489. if(data.elem.checked){
  2490. $(".bmType").show();
  2491. $(".damaHide").show();
  2492. $(".dama").val(1);
  2493. form.render('select');
  2494. }else{
  2495. // 打码取消选中的时候,隐藏下拉框、编码类型
  2496. $(".bianma").hide();
  2497. $(".bmType").hide();
  2498. $(".damaHide").hide();
  2499. }
  2500. } */
  2501. }
  2502. if (kind == '特种纸名片') {
  2503. $(data.elem).prop('disabled', false);
  2504. if (data.elem.checked) {
  2505. $(data.elem).siblings('input').prop('disabled', true);
  2506. } else {
  2507. $(data.elem).siblings('input').prop('disabled', false);
  2508. }
  2509. }
  2510. form.render('checkbox');
  2511. getProductImage(data.elem.checked ? data.value : '')
  2512. });
  2513. // 婚礼卡选中工艺的时候,不能同时选
  2514. form.on('checkbox(switchCraft)', function (data) {
  2515. // 婚礼卡 直角/异形只能选一个
  2516. var zhijiaoCraft = $(".zhijiaoCraft:checked").length;
  2517. var specialCraft = $(".specialCraft:checked").length;
  2518. if (zhijiaoCraft + specialCraft > 1) {
  2519. $(data.elem).next().attr("class", "layui-unselect layui-form-checkbox");
  2520. $(data.elem).prop("checked", false);
  2521. layer.msg('[直角 - 异形]不能同时选择!', {offset: ['300px', '300px']}, {icon: 5});
  2522. return false;
  2523. }
  2524. // 少数量烫金只能选一个
  2525. var tjCraft = $(".tjCraft:checked").length;
  2526. if (tjCraft > 1) {
  2527. $(data.elem).next().attr("class", "layui-unselect layui-form-checkbox");
  2528. $(data.elem).prop("checked", false);
  2529. layer.msg('[烫金 - 彩色印刷+烫金]不能同时选择!', {offset: ['300px', '300px']}, {icon: 5});
  2530. return false;
  2531. }
  2532. let kingv = $("input[name='kind']:checked").val()
  2533. if (kingv == "异形卡片") {
  2534. if (data.value == "异形" && !$(data.elem).is(":checked")) {
  2535. layer.msg('[异形卡片 - 异形]不能取消!', {offset: ['300px', '300px']}, {icon: 5});
  2536. $(data.elem).prop("checked", true);
  2537. form.render('checkbox');
  2538. return false;
  2539. }
  2540. }
  2541. })
  2542. // 监听下拉框,数量是2的时候,切换成模切,禁用其它
  2543. form.on('select(yahen)', function (data) {
  2544. var kind = $('input[name="kind"]:checked').val();
  2545. // 除存酒卡
  2546. if (kind != 7) {
  2547. if (data.value == 2) {
  2548. if ($(".yh").is(':checked')) {
  2549. $('input[class = disab]').prop('checked', false);
  2550. $(".disab").attr("disabled", true);
  2551. $('input[class = mq]').prop('checked', true);
  2552. }
  2553. }
  2554. } else {
  2555. // 存酒卡
  2556. // 数量是2的时候,切换成模切,禁用第一排
  2557. if (data.value == 2) {
  2558. if ($(".yh").is(':checked')) {
  2559. $('input[class = cjkDisab]').prop('checked', false);
  2560. $(".cjkDisab").attr("disabled", true);
  2561. $('input[class = mq]').prop('checked', true);
  2562. }
  2563. }
  2564. }
  2565. form.render('checkbox');
  2566. });
  2567. form.on('select(yadianxian)', function (data) {
  2568. var kind = $('input[name="kind"]:checked').val();
  2569. // 除存酒卡
  2570. if (kind != 7) {
  2571. if (data.value == 2) {
  2572. if ($(".ydx").is(':checked')) {
  2573. $('input[class = disab]').prop('checked', false);
  2574. $(".disab").attr("disabled", true);
  2575. $('input[class = mq]').prop('checked', true);
  2576. }
  2577. }
  2578. } else {
  2579. // 存酒卡
  2580. // 数量是2的时候,切换成模切,禁用第一排
  2581. if (data.value == 2) {
  2582. if ($(".ydx").is(':checked')) {
  2583. $('input[class = cjkDisab]').prop('checked', false);
  2584. $(".cjkDisab").attr("disabled", true);
  2585. $('input[class = mq]').prop('checked', true);
  2586. }
  2587. }
  2588. }
  2589. form.render('checkbox');
  2590. });
  2591. form.on('select(dakong)', function (data) {
  2592. var kind = $('input[name="kind"]:checked').val();
  2593. // 除存酒卡
  2594. if (kind != 7) {
  2595. if (data.value == 2) {
  2596. if ($(".dk").is(':checked')) {
  2597. $('input[class = disab]').prop('checked', false);
  2598. $(".disab").attr("disabled", true);
  2599. $('input[class = mq]').prop('checked', true);
  2600. }
  2601. }
  2602. } else {
  2603. // 存酒卡
  2604. // 数量是2的时候,切换成模切,禁用第一排
  2605. if (data.value == 2) {
  2606. if ($(".dk").is(':checked')) {
  2607. $('input[class = cjkDisab]').prop('checked', false);
  2608. $(".cjkDisab").attr("disabled", true);
  2609. $('input[class = mq]').prop('checked', true);
  2610. }
  2611. }
  2612. }
  2613. form.render('checkbox');
  2614. });
  2615. // 监听打码下拉框,当选择存酒卡-打码-数量2的时候,显示编码下拉框
  2616. form.on('select(dama)', function (data) {
  2617. var kind = $('input[name="kind"]:checked').val();
  2618. // 存酒卡选择打码数量2的时候,显示编码种类(4/28改为所有产品)
  2619. // 选择打码数量2的时候,显示编码种类,并取消禁用(上面有禁用操作)(4/28)
  2620. if (data.value == 2) {
  2621. $(".bianma").show();
  2622. $(".bianma").find(":input").attr("disabled", false);
  2623. } else {
  2624. $(".bianma").hide();
  2625. $(".bianma").find(":input").attr("disabled", true);
  2626. }
  2627. form.render('select');
  2628. });
  2629. form.on('radio(ui_sdk_craft)', function (data) {
  2630. if (data.value == "丝带") {
  2631. $(".ui_sd").show();
  2632. $(".ui_sd").find(":input").attr("disabled", false);
  2633. } else {
  2634. $(".ui_sd").hide();
  2635. $(".ui_sd").find(":input").attr("disabled", true);
  2636. }
  2637. form.render();
  2638. });
  2639. //点击计算,计算价格
  2640. form.on('submit(acount_btn)', function (data) {
  2641. /* var wangwang = $("#wangwang").val();
  2642. if(wangwang == ""){
  2643. layer.msg("请填写客户旺旺号!",{offset:['300px','300px']},function(){});
  2644. return false;
  2645. } */
  2646. // 选中‘自定义数量’
  2647. if ($('input[name="switchCount"]:checked').length != 0) {
  2648. if ($("#count").val() < 10000 || $("#count").val() % 1000 != 0) {
  2649. layer.msg("自定义数量需要大于10000 且是1000的整数倍", {offset: ['300px', '300px']}, function () {
  2650. });
  2651. return false;
  2652. }
  2653. }
  2654. if ($('input[name="switchCardCount"]:checked').length != 0) {
  2655. if ($("#cardCount").val() > 200) {
  2656. layer.msg("特种纸名片 - 珠光纸自定义数量最大不超过200", {offset: ['300px', '300px']}, function () {
  2657. });
  2658. return false;
  2659. }
  2660. }
  2661. var kind = $('input[name="kind"]:checked').val()
  2662. var kindValue = $('input[name="kindValue"]:checked').val()
  2663. // 如果是吊牌,用kind3Value
  2664. if (kind == 2 && couponKind != '少数量') {
  2665. kindValue = $('input[name="kind3Value"]:checked').val()
  2666. if (!kindValue) {
  2667. layer.msg("请选择材质", {offset: ['300px', '300px']}, function () {
  2668. });
  2669. return false;
  2670. }
  2671. }
  2672. // 如果是名片,用kind4Value
  2673. if (kind == 6 && couponKind != '少数量') {
  2674. kindValue = $('input[name="kind4Value"]:checked').val()
  2675. if (!kindValue) {
  2676. layer.msg("请选择材质", {offset: ['300px', '300px']}, function () {
  2677. });
  2678. return false;
  2679. }
  2680. }
  2681. var kindValue2 = $('input[name="kindValue2"]:checked').val()
  2682. var kindValue3 = $('input[name="kindValue3"]:checked').val()
  2683. var kindValue4 = $('input[name="kind4Value"]:checked').val()
  2684. var number = $("#number").val();
  2685. var size = $("#size").val();
  2686. var guaguaSize = $("#size1").val();
  2687. var couponKind = $("input[name='couponKind']:checked").val();
  2688. if ((size.split("*")[0] > 140 || size.split("*")[1] > 100) && (size.split("*")[0] > 100 || size.split("*")[1] > 140)) {
  2689. layer.msg("卡片尺寸不能超过140*100 cm", {offset: ['300px', '300px']}, function () {
  2690. });
  2691. return false;
  2692. }
  2693. /* if ((size.split("*")[0] < 4 || size.split("*")[1] < 4)) {
  2694. layer.msg("[ 卡片 ]尺寸小于4*4 cm请以 [ 插卡 - 异形插牌 ] 报价!",{offset:['300px','300px']},function(){});
  2695. return false;
  2696. } */
  2697. var kindData = {
  2698. 0: "吊旗",
  2699. 1: "腰封",
  2700. 2: "吊牌",
  2701. 3: "贺卡",
  2702. 4: "优惠券",
  2703. 5: "抽奖券",
  2704. 6: "特价名片",
  2705. 7: "存酒卡",
  2706. 8: "门挂牌",
  2707. 9: "售后卡",
  2708. 10: "吸管套",
  2709. 11: "圣诞卡",
  2710. 13: "刮刮卡",
  2711. "直角卡片": "直角卡片",
  2712. "异形卡片": "异形卡片",
  2713. "腰封": "腰封",
  2714. "贺卡": "贺卡",
  2715. "积分卡": "积分卡",
  2716. "抽奖卡": "抽奖卡",
  2717. "婚礼卡": "婚礼卡",
  2718. "刮刮卡": "刮刮卡",
  2719. "菜单": "菜单",
  2720. "婚礼报纸": "婚礼报纸",
  2721. "特种纸名片": "特种纸名片",
  2722. "种子纸": "种子纸"
  2723. }, kindValueData = {
  2724. 0: "157克铜版纸",
  2725. 1: "200克铜版纸",
  2726. 2: "300克铜版纸",
  2727. 3: "300克铜版纸",
  2728. 4: "600克铜版纸",
  2729. 5: "800克铜版纸",
  2730. 6: "特种纸名片(不配绳子)",
  2731. 7: "700克白卡纸",
  2732. 8: "250克牛皮纸",
  2733. 10: "400克铜版纸"
  2734. };
  2735. var arr = [];
  2736. let szkun = false;
  2737. let tscolor = $(".tscolor select option:selected").val();
  2738. let selectCount = $("#selectCount").val();
  2739. $(".sizeTang").find(":input").attr("disabled", true);
  2740. $("input:checkbox[name='craft']:checked").each(function (i) {
  2741. // 没有被禁用的工艺加到arr中
  2742. if (!$(this).is(':disabled')) {
  2743. // 选中编码工艺的时候,展示打码数
  2744. if (kindValue2 != 10) {
  2745. if ($(this).val() === '打码') {
  2746. if ($(".dama").val() == 2) {
  2747. arr.push($(this).val() + '(' + $(".dama").val() + '组,' + $(".bianmaSelect").val() + ')');
  2748. } else {
  2749. arr.push($(this).val() + '(' + $(".dama").val() + '组)');
  2750. }
  2751. }
  2752. if ($(this).val() === '单面烫金' || $(this).val() === '双面烫金') {
  2753. $(".sizeTang").find(":input").attr("disabled", false);
  2754. if ($("#lengthTang").val() == '' || $("#widthTang").val() == '') {
  2755. layer.msg('请填写烫金版尺寸!', {offset: ['300px', '300px']}, function () {
  2756. });
  2757. return false;
  2758. }
  2759. if (Number(size.split("*")[0]) < Number($("#lengthTang").val()) || Number(size.split("*")[1]) < Number($("#widthTang").val())) {
  2760. layer.msg('烫金版尺寸不能大于输入尺寸!', {offset: ['300px', '300px']}, function () {
  2761. });
  2762. return false;
  2763. }
  2764. }
  2765. } else {
  2766. if ($(this).val() === '打码') {
  2767. arr.push("打码" + $(".maxian option:selected").val() + "组")
  2768. return;
  2769. }
  2770. if ($(this).val() === '打点线') {
  2771. arr.push("打点线" + $(".dadianxian option:selected").val() + "组")
  2772. return;
  2773. }
  2774. if ($(this).val() === '压痕') {
  2775. arr.push("压痕" + $(".yadianxian option:selected").val() + "组")
  2776. return;
  2777. }
  2778. }
  2779. if ($(this).val() === '配尼龙绳' || $(this).val() === '穿尼龙绳') {
  2780. arr.push($(this).val() + "-" + $("select[name='shen_color'] option:selected").val())
  2781. return;
  2782. }
  2783. if ($(this).val() == "配弹力绳捆") {
  2784. arr.push(tscolor + "配弹力绳(" + Math.ceil(selectCount * 20 / 5000) + "捆)");
  2785. szkun = true;
  2786. return;
  2787. }
  2788. if ($(this).val() == "配弹力绳") {
  2789. arr.push(tscolor + "配弹力绳(15CM)");
  2790. return;
  2791. }
  2792. if ($(this).val() == "opp袋") {
  2793. arr.push($("select[name='toothpick_size'] option:selected").text() + "opp袋");
  2794. return;
  2795. }
  2796. arr.push($(this).val());
  2797. }
  2798. });
  2799. // 未满足条件,禁止提交
  2800. if (kind == null) {
  2801. layer.msg('请选择品种!', {offset: ['300px', '300px']}, function () {
  2802. });
  2803. return false;
  2804. }
  2805. if (kind == 0 || kind == 1) {
  2806. if (kindValue == null) {
  2807. layer.msg('请选择材质!', {offset: ['300px', '300px']}, function () {
  2808. });
  2809. return false;
  2810. }
  2811. }
  2812. if (kind == 10) {
  2813. kindValue = $("input[name='kindValue7']:checked").val();
  2814. if (kindValue == 8) {
  2815. size = "6.5*5.4 cm";
  2816. }
  2817. if ((size.split("*")[0] > 9 || size.split("*")[1] > 10.8) && (size.split("*")[1] > 9 || size.split("*")[0] > 10.8)) {
  2818. layer.msg('吸管套最大尺寸9*10.8cm!', {offset: ['300px', '300px']}, function () {
  2819. });
  2820. return false;
  2821. }
  2822. }
  2823. if (kind != 8 && kind != 2 && kind != 6 && kind != 13 && kind != "菜单" && kind != 9 && kind != 11) {
  2824. if (size == "") {
  2825. layer.msg('请填写尺寸!', {offset: ['300px', '300px']}, function () {
  2826. });
  2827. return false;
  2828. }
  2829. }
  2830. if (kind == 13) {
  2831. if (size.split("*")[0] > 17 || size.split("*")[1] > 17) {
  2832. layer.msg("尺寸z最大不能超过17cm!");
  2833. return false;
  2834. }
  2835. }
  2836. if (kind == 1) {
  2837. if (kindValue == 1) {
  2838. if (arr.length > 0) {
  2839. if (arr[0].indexOf("模切") >= 0) {
  2840. if (size.split("*")[0] > 100 || size.split("*")[1] > 100) {
  2841. layer.msg("200克铜版纸腰封[模切]尺寸最大为100cm");
  2842. return false;
  2843. }
  2844. } else {
  2845. if (size.split("*")[0] > 118 || size.split("*")[1] > 118) {
  2846. layer.msg("200克铜版纸腰封[裁切]尺寸最大为118cm");
  2847. return false;
  2848. }
  2849. }
  2850. } else {
  2851. if (size.split("*")[0] > 118 || size.split("*")[1] > 118) {
  2852. layer.msg("200克铜版纸腰封[裁切]尺寸最大为118cm");
  2853. return false;
  2854. }
  2855. }
  2856. }
  2857. }
  2858. // 腰封尺寸小于 4 cm无法 单面覆膜
  2859. /* if(kind == 1){
  2860. if ((size.split("*")[0] < 4 || size.split("*")[1] < 4)) {
  2861. for (let i = 0; i < arr.length; i++) {
  2862. if(arr[i] === '单面覆膜'){
  2863. layer.msg("[ 腰封 ] 尺寸小于 4 cm无法 [ 单面覆膜 ]",{offset:['300px','300px']},function(){});
  2864. return false;
  2865. }
  2866. }
  2867. }
  2868. } */
  2869. // 选中[打码]工艺,判断尺寸:4.5cm以内不能打码;打2组码不能超过26*11;
  2870. if (arr.length > 0) {
  2871. for (let i = 0; i < arr.length; i++) {
  2872. if (arr[i].indexOf('打码') != -1) {
  2873. if ((size.split("*")[0] < 4.5 || size.split("*")[1] < 4.5) && (size.split("*")[0] < 4.5 || size.split("*")[1] < 4.5)) {
  2874. layer.msg("尺寸小于4.5cm 无法【打码】", {offset: ['300px', '300px']}, function () {
  2875. });
  2876. return false;
  2877. } else if (((size.split("*")[0] < 13 || size.split("*")[1] < 4.5) && (size.split("*")[0] < 4.5 || size.split("*")[1] < 13))
  2878. && $(".dama").val() == 2) {
  2879. layer.msg("尺寸小于13*5.4cm 无法【打码】 2 组", {offset: ['300px', '300px']}, function () {
  2880. });
  2881. return false;
  2882. } else if ((size.split("*")[0] > 26 || size.split("*")[1] > 11) && (size.split("*")[0] > 11 || size.split("*")[1] > 26)) {
  2883. layer.msg("尺寸大于26 * 11cm 无法【打码】", {offset: ['300px', '300px']}, function () {
  2884. });
  2885. return false;
  2886. }
  2887. }
  2888. }
  2889. }
  2890. if (couponKind == '少数量' && arr.length > 0) {
  2891. for (let i = 0; i < arr.length; i++) {
  2892. if (arr[i].indexOf("烫金") > -1) {
  2893. if ((size.split("*")[0] > 42 || size.split("*")[1] > 28.5) && (size.split("*")[0] > 28.5 || size.split("*")[1] > 42)) {
  2894. layer.msg("尺寸超过 42.0*28.5cm 无法【烫金】", {offset: ['300px', '300px']}, function () {
  2895. });
  2896. return false;
  2897. }
  2898. }
  2899. }
  2900. }
  2901. // 吊旗
  2902. if (kind == 0) {
  2903. // 吊旗 && 300克铜版纸
  2904. if (kindValue == 2) {
  2905. $("#proTypeValue").val(4)
  2906. } else {
  2907. $("#proTypeValue").val(13)
  2908. }
  2909. } else if (kind == 1) { // 腰封
  2910. // 腰封&&300克铜版纸
  2911. if (kindValue == 2) {
  2912. $("#proTypeValue").val(4)
  2913. } else {
  2914. $("#proTypeValue").val(15)
  2915. }
  2916. if ((size.split("*")[0] < 4 || size.split("*")[1] < 4) && arr[0] !== '模切') {
  2917. if (kindValue == 0) {
  2918. layer.msg("[ 157克铜版纸 ] 尺寸小于 4cm 无法制作", {offset: ['300px', '300px']}, function () {
  2919. });
  2920. return false;
  2921. }
  2922. /* else if (kindValue == 1) {
  2923. layer.msg("尺寸小于 4cm 请勾选 [ 模切 ]", {offset : [ '300px', '300px' ]}, function() {});
  2924. return false;
  2925. } */
  2926. }
  2927. // if ($(".fm:checked").val() == null && $(".ui_fm:checked").val() == null) {
  2928. // layer.msg("腰封不能选择不覆膜", {offset: ['300px', '300px']}, function () {
  2929. // });
  2930. // return false;
  2931. // }
  2932. } else if (kind == 6) {
  2933. $("#proTypeValue").val("特价名片")
  2934. } /* else if (kind == 13) {
  2935. $("#proTypeValue").val("刮刮卡")
  2936. } */ else if (kind != 0 && kind != 1) {
  2937. $("#proTypeValue").val(4)
  2938. }
  2939. // 判断是否选中模切标识
  2940. var flag = false;
  2941. if ((size.split("*")[0] < 4 || size.split("*")[1] < 4)) {
  2942. if (arr.length > 0) {
  2943. for (let i = 0; i < arr.length; i++) {
  2944. if (arr[i] === '模切') {
  2945. flag = true
  2946. }
  2947. }
  2948. } else {
  2949. flag = false
  2950. }
  2951. // 判断存酒卡是否选中模切标识
  2952. if (kind == 7) {
  2953. if (!flag) {
  2954. layer.msg("[ 卡片 - 存酒卡 ]尺寸小于 4cm 请勾选 [ 模切 ]", {offset: ['300px', '300px']}, function () {
  2955. });
  2956. return false;
  2957. }
  2958. }
  2959. }
  2960. // 判断是否选中[异形]标识
  2961. var yxFlag = false;
  2962. if ((size.split("*")[0] > 70 || size.split("*")[1] > 53) && (size.split("*")[0] > 53 || size.split("*")[1] > 70)) {
  2963. if (arr.length > 0) {
  2964. for (let i = 0; i < arr.length; i++) {
  2965. if (arr[i] === '异形') {
  2966. yxFlag = true
  2967. }
  2968. }
  2969. } else {
  2970. yxFlag = false
  2971. }
  2972. // 选中异形、尺寸大于70*53厘米,return
  2973. if (yxFlag) {
  2974. layer.msg("选择[ 异形 ]时 尺寸应小于70*53cm", {offset: ['300px', '300px']}, function () {
  2975. });
  2976. return false;
  2977. }
  2978. }
  2979. var l1 = Math.ceil(size.split("*")[0] / 9);
  2980. var w1 = Math.ceil(size.split("*")[1] / 5.4);
  2981. var l2 = Math.ceil(size.split("*")[1] / 9);
  2982. var w2 = Math.ceil(size.split("*")[0] / 5.4);
  2983. var min = Math.min(l1 * w1, l2 * w2);
  2984. if (couponKind == '常用种类') {
  2985. if (kind != 7 && kind != 8) {
  2986. if ((size.split("*")[0] <= 9 && size.split("*")[1] <= 5.4) || (size.split("*")[0] <= 5.4 && size.split("*")[1] <= 9)) {
  2987. if ((size.split("*")[0] < 4 || size.split("*")[1] < 4)) {
  2988. layer.msg("[ 卡片 ]9*5.4 cm以内,尺寸小于4 cm请以 [ 插卡 - 异形插牌 ] 报价!", {offset: ['300px', '300px']}, function () {
  2989. });
  2990. return false;
  2991. }
  2992. } else if (kind == 3 || kind == 4 || kind == 5 || kind == 7) {
  2993. if (min >= 6 && !(kindValue2 == 10 && kind == 3)) {
  2994. if ($('input[class = mq]:checked').val() == "模切") {
  2995. layer.msg("超过6位异形模切卡片请以[ 腰封 - 异形模切]报价!", {offset: ['300px', '300px']}, function () {
  2996. });
  2997. return false;
  2998. }
  2999. }
  3000. } else {
  3001. //吊牌300克
  3002. if (kindValue3 == 2) {
  3003. if ((size.split("*")[0] < 4 || size.split("*")[1] < 4)) {// && arr[0] !== '模切'
  3004. if (!flag) {
  3005. layer.msg("尺寸小于 4cm 请勾选 [ 模切 ]", {offset: ['300px', '300px']}, function () {
  3006. });
  3007. return false;
  3008. }
  3009. }
  3010. }
  3011. }
  3012. }
  3013. }
  3014. if (kind == 1 && kindValue == 0) {
  3015. if ((size.split("*")[0] > 115 || size.split("*")[1] > 84.8) && (size.split("*")[0] > 84.8 || size.split("*")[1] > 115)) {
  3016. layer.msg("157克腰封尺寸不能超过 115*84.8 cm", {offset: ['300px', '300px']}, function () {
  3017. });
  3018. return false;
  3019. }
  3020. }
  3021. if (kind == 13 || kind == "刮刮卡") {
  3022. let awards = $("input[name='awards']").val();
  3023. if (awards > 1) {
  3024. if ($('input[class = mq]:checked').val() == "模切") {
  3025. layer.msg("异形刮刮卡2个奖项以上无法报价!", {offset: ['300px', '300px']}, function () {
  3026. });
  3027. return false;
  3028. }
  3029. }
  3030. }
  3031. // 选择了少数量
  3032. if (couponKind == '少数量') {
  3033. guaguaSize = $("#size2").val();
  3034. $("#proTypeValue").val("卡片少数量")
  3035. $("#proTypeLabel").val(kindData[kind])
  3036. if ((size.split("*")[0] > 42 || size.split("*")[1] > 28.5) && (size.split("*")[0] > 28.5 || size.split("*")[1] > 42)) {
  3037. layer.msg("尺寸超过 42.0*28.5cm 无法报价", {offset: ['300px', '300px']}, function () {
  3038. });
  3039. return false;
  3040. }
  3041. if (kind == "种子纸") {
  3042. let type = $('input[name="z3type"]:checked').val();
  3043. let switchz3Size = $('input[name="switchz3Size"]:checked').val()
  3044. if ((size.split("*")[0] < 8 || size.split("*")[1] < 5) && (size.split("*")[0] < 5 || size.split("*")[1] < 8)) {
  3045. layer.msg("尺寸小于 8*5cm 无法报价", {offset: ['300px', '300px']}, function () {
  3046. });
  3047. return false;
  3048. }
  3049. if ((size.split("*")[0] > 20 || size.split("*")[1] > 30) && (size.split("*")[0] > 30 || size.split("*")[1] > 20)) {
  3050. layer.msg("尺寸超过 20.0*30.cm 无法报价", {offset: ['300px', '300px']}, function () {
  3051. });
  3052. return false;
  3053. }
  3054. if (type == 1 || switchz3Size) {
  3055. if (arr.indexOf("圆角") == -1 && arr.indexOf("直角") == -1 && arr.indexOf("模切") == -1) {
  3056. layer.msg("圆角,直角,模切必选 无法报价", {offset: ['300px', '300px']}, function () {
  3057. });
  3058. return false;
  3059. }
  3060. }
  3061. } else if (kind != "异形卡片") {
  3062. if ((size.split("*")[0] > 70 || size.split("*")[1] > 70)) {
  3063. if ($("#count").val() != 1 && $("#count").val() != 5 && $("#count").val() % 10 != 0) {
  3064. layer.msg("该尺寸数量必须为1;5;或 10的倍数", {offset: ['300px', '300px']}, function () {
  3065. });
  3066. return false;
  3067. }
  3068. }
  3069. if ((size.split("*")[0] > 72.6 || size.split("*")[1] > 52.6) && (size.split("*")[0] > 52.6 || size.split("*")[1] > 72.6)) {
  3070. layer.msg("少数量尺寸不能超过 72.6*52.6 cm", {offset: ['300px', '300px']}, function () {
  3071. });
  3072. return false;
  3073. }
  3074. } else {
  3075. if ((size.split("*")[0] > 70 || size.split("*")[1] > 53) && (size.split("*")[0] > 53 || size.split("*")[1] > 70)) {
  3076. layer.msg("【异形卡片】尺寸不能超过 70*53 cm", {offset: ['300px', '300px']}, function () {
  3077. });
  3078. return false;
  3079. }
  3080. }
  3081. if (number > 1) {
  3082. if ($("#desType option:selected").val() == "" || $("#desType option:selected").val() == null) {
  3083. if (kind != "婚礼报纸" && kind != "菜单") {
  3084. layer.msg('请选择设计内容!', {offset: ['300px', '300px']}, function () {
  3085. });
  3086. return false;
  3087. }
  3088. }
  3089. }
  3090. // 选择少数量时,取消常规数量提交
  3091. $("#selectCount").val("")
  3092. }
  3093. // 门挂牌
  3094. if (kind == 8) {
  3095. $("#proTypeValueDoorList").val(25)
  3096. }
  3097. // 吊旗&&300克铜版纸
  3098. if (kind == 0 && kindValue == 2) {
  3099. $("#d").val("13")
  3100. } else if (kind == 1 && kindValue == 2) {
  3101. $("#d").val("15")
  3102. } else {
  3103. $("#d").val("")
  3104. }
  3105. form.render();
  3106. // 300克铜版纸
  3107. if (kind != 0 && kind != 1 && kind != 2 && kind != 6 && kind != 10) {
  3108. kindValue = 2
  3109. }
  3110. if (kind == 2 && couponKind == '少数量') {
  3111. kindValue = 2
  3112. }
  3113. if (couponKind != "少数量" && kindValue2 == 10) {
  3114. kindValue = 10;
  3115. }
  3116. //少数量没有工艺
  3117. //没选中[模切],设置工艺为“直角裁切”
  3118. if (couponKind != '少数量') {
  3119. var mqFlag = false;
  3120. if (arr.length > 0) {
  3121. for (let i = 0; i < arr.length; i++) {
  3122. if (arr[i] === '模切' || arr[i] === '圆角') {
  3123. mqFlag = true
  3124. }
  3125. }
  3126. if (!mqFlag) {
  3127. //门挂牌
  3128. if (kind == 8) {
  3129. arr.push("模切")
  3130. } else {
  3131. arr.push("直角裁切")
  3132. }
  3133. }
  3134. } else {
  3135. //门挂牌
  3136. if (kind == 8) {
  3137. arr.push("模切")
  3138. } else {
  3139. arr.push("直角裁切")
  3140. }
  3141. }
  3142. // 没选中[覆膜]工艺,设置工艺为“不覆膜”
  3143. var fmFlag = false;
  3144. if (arr.length > 0) {
  3145. for (let i = 0; i < arr.length; i++) {
  3146. if (arr[i].indexOf('覆') != -1) {
  3147. fmFlag = true
  3148. }
  3149. }
  3150. if (!fmFlag) {
  3151. arr.push("双面不覆膜")
  3152. }
  3153. } else {
  3154. arr.push("双面不覆膜")
  3155. }
  3156. } else {
  3157. if (kind != "种子纸") {
  3158. arr.push($('input[name="craftShua"]:checked').val())
  3159. }
  3160. let shengz = $(".shengz:checked").length;
  3161. if (shengz == 1) {
  3162. let select = $(".scolor select option:selected").val();
  3163. let index = arr.findIndex((e) => {
  3164. return e == "绳子"
  3165. });
  3166. if (index >= 0) {
  3167. arr[index] = select;
  3168. }
  3169. }
  3170. }
  3171. if ($("#countTag").val() > 10000) {
  3172. layer.msg("[ 吊牌600克 ] 数量大于1万 请单独报价", {offset: ['300px', '300px']}, function () {
  3173. });
  3174. return false;
  3175. }
  3176. if (kindValue == 10) {
  3177. if ($("#z4_craft .mq:checked").length == 0) {
  3178. layer.msg("400克铜版纸裁切工艺必选", {offset: ['300px', '300px']}, function () {
  3179. });
  3180. return false;
  3181. }
  3182. }
  3183. $.ajax({
  3184. url: "${pageContext.request.contextPath}/getThanSum",
  3185. type: "GET",
  3186. data: $(".big_box form").serialize(),
  3187. success: function (result) {
  3188. if (result.code == 100) {
  3189. layer.msg(result.msg, {offset: ['300px', '300px']}, function () {
  3190. });
  3191. return false;
  3192. }
  3193. // 特种纸名片材料
  3194. var kindValueSelect;
  3195. // 吊牌 && !少数量
  3196. if (kind == 2 && couponKind != '少数量') {
  3197. // 600/800克
  3198. if ($('input[name="kind3Value"]:checked').val() != 3) {
  3199. // 自定义尺寸和常规尺寸
  3200. if ($('input[name="switchSize"]:checked').length == 0) {
  3201. var size1 = $(".size1").val();
  3202. size = $("#diySize").val();
  3203. if (size1) {
  3204. size = size + '厘米,' + size1
  3205. }
  3206. if ((size.split("*")[0] < 4 || size.split("*")[1] < 4)) {
  3207. layer.msg("[ 吊牌600克 ] 尺寸小于 4cm 请单独报价", {offset: ['300px', '300px']}, function () {
  3208. });
  3209. return false;
  3210. }
  3211. } else {
  3212. size = $("#sizeTag option:checked").text();
  3213. }
  3214. number = $("#numberTag").val();
  3215. arr = []
  3216. arr = $('input[name="kind2Value"]:checked').val();
  3217. }
  3218. } else if (kind == 6 && kindValue4 == "6") {
  3219. size = $(".sizeSpecialCard").val();
  3220. if ((size.split("*")[0] < 5 || size.split("*")[1] < 4) && (size.split("*")[0] < 4 || size.split("*")[1] < 5)) {
  3221. layer.msg("【特种纸名片】尺寸不能小于5*4 cm", {offset: ['300px', '300px']}, function () {
  3222. });
  3223. return false;
  3224. }
  3225. number = $(".numberSpecialCard").val();
  3226. arr = []
  3227. $("input:checkbox[name='craft']:checked").each(function (i) {
  3228. if (!$(this).is(':disabled')) {
  3229. if ($(this).val() != "双面覆哑膜") {
  3230. if ($(this).val() == "配弹力绳捆") {
  3231. arr.push(tscolor + "配弹力绳(" + Math.ceil(data[0].count * 20 / 5000) + "捆)");
  3232. szkun = true;
  3233. } else if ($(this).val() == "配弹力绳") {
  3234. arr.push(tscolor + "配弹力绳(15CM)");
  3235. } else {
  3236. arr.push($(this).val());
  3237. }
  3238. }
  3239. }
  3240. });
  3241. kindValueSelect = $(".kindValueSelect option:checked").text();
  3242. } else if (kind == 8) {
  3243. size = $("#sizeDoorList").val();
  3244. number = $("#numberDoorList").val();
  3245. } else if (kind == "婚礼报纸") {
  3246. if ((size.split("*")[0] < 10 || size.split("*")[1] < 14) && (size.split("*")[0] < 14 || size.split("*")[1] < 10)) {
  3247. layer.msg("婚礼报纸尺寸不能小于10*14 cm", {offset: ['300px', '300px']}, function () {
  3248. });
  3249. return false;
  3250. } else if ((size.split("*")[0] > 42 || size.split("*")[1] > 28.5) && (size.split("*")[0] > 28.5 || size.split("*")[1] > 42)) {
  3251. layer.msg("婚礼报纸尺寸不能超过42*28.5 cm", {offset: ['300px', '300px']}, function () {
  3252. });
  3253. return false;
  3254. }
  3255. }
  3256. if (!kindValueSelect) {
  3257. kindValueSelect = ""
  3258. }
  3259. if (kindValueData[kindValue] == "300克铜版纸") {
  3260. if ((size.split("*")[0] > 100 || size.split("*")[1] > 65) && (size.split("*")[0] > 65 || size.split("*")[1] > 100)) {
  3261. layer.msg("[300克铜版纸]尺寸不能超过100*65 cm", {offset: ['300px', '300px']}, function () {
  3262. });
  3263. return false;
  3264. }
  3265. }
  3266. if (kindData[kind] == "特价名片" && kindValueData[kindValue] == "300克铜版纸") {
  3267. if ((size.split("*")[0] < 3 || size.split("*")[1] < 3)) {
  3268. layer.msg("[特价名片]尺寸不能小于3 cm", {offset: ['300px', '300px']}, function () {
  3269. });
  3270. return false;
  3271. }
  3272. if ((size.split("*")[0] > 9 || size.split("*")[1] > 5.4) && (size.split("*")[0] > 5.4 || size.split("*")[1] > 9)) {
  3273. layer.msg("[特价名片]尺寸不能超过9*5.4 cm", {offset: ['300px', '300px']}, function () {
  3274. });
  3275. return false;
  3276. }
  3277. }
  3278. let awards = $("input[name='awards']").val();
  3279. if (couponKind == '少数量') {
  3280. awards = 1;
  3281. }
  3282. let same = '同款内容';
  3283. if (couponKind == '少数量' && number > 1) {
  3284. same = "不同内容"
  3285. }
  3286. var data = result.data.proList;
  3287. if (kind == 13 || kind == "刮刮卡") {
  3288. var span_result = kindData[kind] + " -" + kindValueData[kindValue] + "-" + kindValueSelect + "-" + size
  3289. + "厘米;刮刮膜: " + guaguaSize + "毫米- " + awards + "个奖项(" + same + ") \n" + "工艺 :" + arr + "\n";
  3290. } else if (kindData[kind] == "菜单") {//菜单
  3291. var cd_kind = "";
  3292. if ($("input[name='kindValue5']:checked").val() == 1) {
  3293. cd_kind = "300克铜版纸"
  3294. } else {
  3295. cd_kind = "pvc"
  3296. }
  3297. var span_result = kindData[kind] + "-" + cd_kind + "-" + $("#ui_menu_size").val() + "厘米\n"
  3298. + "工艺:" + $(".ui_cd_craft").val() + "\n";
  3299. } else if (kind == 10) {
  3300. var span_result = kindData[kind] + "-" + kindValueData[kindValue] + "-" + size + "厘米\n";
  3301. +"工艺:双面覆哑膜,裁切\n";
  3302. } else if (kind == 9) {
  3303. var span_result = kindData[kind] + "-" + kindValueData[kindValue] + "-" + $("#ui_shk_size").val() + "厘米\n";
  3304. +"工艺:不覆膜裁切\n";
  3305. } else if (kind == 11) {
  3306. var span_result = kindData[kind] + "-700克白卡纸-" + $("#ui_sdk_size").val() + "厘米\n";
  3307. var ui_gy = "工艺:双面覆哑膜,模切";
  3308. var gy = $("input[name='ui_sdk_craft']:checked").val();
  3309. if (gy != "无") {
  3310. if (gy == "丝带") {
  3311. gy = $("input[name='sd']:checked").val() + gy;
  3312. }
  3313. ui_gy += "," + gy;
  3314. }
  3315. span_result += ui_gy + "\n";
  3316. } else if (kindData[kind] == "婚礼报纸") {
  3317. var span_result = kindData[kind] + "-157克铜版纸-" + size + "厘米\n";
  3318. } else if (kindData[kind] == "特种纸名片") {
  3319. var tzCraft = $(".ui_tzmp input[name='craft']:checked").val();
  3320. var span_result = kindData[kind] + "-" + $("input[name='kindValue6']:checked").val() + "-" + size + "厘米\n";
  3321. span_result += "工艺:不覆膜";
  3322. if (tzCraft != null) {
  3323. span_result += "," + tzCraft;
  3324. }
  3325. span_result += "\n";
  3326. } else if (kindData[kind] == "种子纸") {
  3327. let switchz3Size = $('input[name="switchz3Size"]:checked').val()
  3328. var span_result = kindData[kind] + " -" + size + "厘米-(" + same + ")"
  3329. if (($('input[name="z3type"]:checked').val() == 0 || $('input[name="z3type"]:checked').val() == 3) && !switchz3Size) {
  3330. span_result = span_result + " - " + $('input[name="3z_vice"]:checked')[0].title
  3331. }
  3332. if ($('input[name="z3type"]:checked').val() == 3) {
  3333. arr.push("开窗")
  3334. }
  3335. span_result = span_result + " \n" + "工艺 :" + arr + ",不覆膜" + "\n";
  3336. } else {
  3337. if (couponKind == "少数量") {
  3338. arr += ",覆膜"
  3339. }
  3340. var span_result = kindData[kind] + " -" + kindValueData[kindValue] + "-" + kindValueSelect + "-" + size
  3341. + "厘米-(" + same + ") \n" + "工艺 :" + arr + "\n";
  3342. }
  3343. if (number > 1) {
  3344. if (couponKind == "少数量") {
  3345. let numberType = $("#desType option:selected").text();
  3346. span_result += "款数:" + number + "-" + numberType + "\n";
  3347. }
  3348. for (let i = 0; i < data.length; i++) {
  3349. let price_text = "";
  3350. if (szkun) {
  3351. price_text = "," + Math.ceil(data[i].count * 20 / 5000) + "捆";
  3352. }
  3353. span_result += number + '款 各' + data[i].count + "个,共" + data[i].price + "元" + price_text + '\n'
  3354. data[i].number = number;
  3355. }
  3356. } else {
  3357. for (let i = 0; i < data.length; i++) {
  3358. let price_text = "";
  3359. if (szkun) {
  3360. price_text = "," + Math.ceil(data[i].count * 20 / 5000) + "捆";
  3361. }
  3362. span_result += number + '款 ' + data[i].count + "个,共" + data[i].price + "元" + price_text + '\n'
  3363. data[i].number = number;
  3364. }
  3365. }
  3366. ;
  3367. if (kind == "2") {
  3368. span_result += '配送吊绳\n'
  3369. }
  3370. span_result += '包邮,免费设计呢~(偏远地区需补邮费)'
  3371. $("#span_result").val(span_result);
  3372. var switchCount = [];
  3373. $("input:checkbox[name='switchCount']:checked").each(function (i) {
  3374. if (!$(this).is(':disabled')) {
  3375. switchCount.push($(this).val());
  3376. }
  3377. });
  3378. var display = $("#noCraft").css("display");
  3379. if (kind == 8) {
  3380. count = $("#doorCount option:selected").val();
  3381. } else if (display != "none") {
  3382. if (switchCount[0] == "on") {
  3383. count = $("#count").val();
  3384. } else {
  3385. count = $("#selectCount option:selected").val();
  3386. }
  3387. }
  3388. var craft = "";
  3389. for (var i = 0; i < arr.length; i++) {
  3390. craft += arr[i];
  3391. }
  3392. getRemark(kindData[kind], size, count + "张", kindValueData[kindValue], number, craft, "");
  3393. //计算完自动复制文本
  3394. var e = document.getElementById("span_result");//对象是content
  3395. if (e.value != "") {
  3396. e.select();//选择对象
  3397. document.execCommand("Copy");//执行浏览器复制命令
  3398. }
  3399. //生成表格
  3400. table.render({
  3401. elem: '#priceTable',
  3402. even: true, //隔行变色
  3403. data: data, // 赋值已知数据
  3404. width: 500,
  3405. cols: [[
  3406. {
  3407. field: 'number',
  3408. width: '12%',
  3409. align: "center",
  3410. title: '款数'
  3411. }, {
  3412. field: 'count',
  3413. width: '16%',
  3414. align: "center",
  3415. title: '数量'
  3416. }, {
  3417. field: 'price',
  3418. width: '16%',
  3419. align: "center",
  3420. title: '报价'
  3421. }, {
  3422. field: 'wangwang',
  3423. align: "center",
  3424. width: '16%',
  3425. title: '折扣价'
  3426. }, {
  3427. field: 'wangwang',
  3428. align: "center",
  3429. width: '19%',
  3430. title: '跳楼价'
  3431. }, {
  3432. field: 'weight',
  3433. width: '21%',
  3434. align: "center",
  3435. title: '重量(kg)'
  3436. }
  3437. ]],
  3438. done: function () {
  3439. }
  3440. });
  3441. }
  3442. });
  3443. return false;
  3444. });
  3445. }
  3446. )
  3447. ;
  3448. </script>
  3449. </html>