poster.jsp 90 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837
  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. <!-- 海报 -->
  12. <style>
  13. .ui_feb .layui-edge {
  14. right: 20px;
  15. }
  16. </style>
  17. <body>
  18. <div class="big_box">
  19. <div class="left_div">
  20. <h1 class="h1">海报</h1> <span style="color:red;font-weight:700;"></span>
  21. <hr>
  22. <form class="layui-form">
  23. <input type="hidden" name="proTypeValue" id="proTypeValue" class="layui-input" value="17">
  24. <p>
  25. 类目
  26. </p>
  27. <div class="kindValue">
  28. <input type="radio" lay-filter="kindValue" name="kindValue" value="0" title="制度牌">
  29. <input type="radio" lay-filter="kindValue" name="kindValue" value="1" title="室内写真">
  30. <input type="radio" lay-filter="kindValue" name="kindValue" value="2" title="户外写真">
  31. <input type="radio" lay-filter="kindValue" name="kindValue" value="3" title="布">
  32. <input type="radio" lay-filter="kindValue" name="kindValue" value="4" title="展架">
  33. <input type="radio" lay-filter="kindValue" name="kindValue" value="5" title="刻字">
  34. <input type="radio" lay-filter="kindValue" name="kindValue" value="6" title="条幅">
  35. <input type="radio" lay-filter="kindValue" name="kindValue" value="7" title="贡缎布">
  36. <input type="radio" lay-filter="kindValue" name="kindValue" value="8" title="锦旗">
  37. <!-- <input type="radio" lay-filter="kindValue" name="kindValue" value="9" title="彩旗"> -->
  38. <!--<input type="radio" lay-filter="kindValue" name="kindValue" value="9" title="号牌布">-->
  39. <!--<input type="radio" lay-filter="kindValue" name="kindValue" value="10" title="帆布"> -->
  40. </div>
  41. <div class="qita productName">
  42. <p>
  43. 产品名称
  44. </p>
  45. <div class="layui-form-item">
  46. <select name="kind2Value" id="kind2Value" lay-filter="kind2Value" class="select" lay-search>
  47. </select>
  48. </div>
  49. </div>
  50. <div class="dengx-type" style="display: none">
  51. <p>
  52. 类型
  53. </p>
  54. <div class="kindValue">
  55. <input type="radio" lay-filter="dengxType" name="dengxType" value="0" title="常规" checked>
  56. <input type="radio" lay-filter="dengxType" name="dengxType" value="1" title="套餐">
  57. </div>
  58. </div>
  59. <div class="ui_jq_name" style="display:none;">
  60. <p>
  61. 产品名称
  62. </p>
  63. <div class="layui-form-item">
  64. <select name="ui_qz_name" id="ui_qz_name" lay-filter="ui_qz_name" class="select" lay-search
  65. onchange="showCq()">
  66. <option value=""></option>
  67. <option value="0">锦旗</option>
  68. <option value="1">彩旗</option>
  69. </select>
  70. </div>
  71. </div>
  72. <div class="size qita">
  73. <p>
  74. 尺寸(CM/厘米) <span style="font-size:14px;color:red">输入格式: 长 * 宽</span>
  75. <span class="switchSizeCoupon" style="display: none">
  76. <input type="checkbox" name="switchSize" lay-filter="switchSize" title="自定义尺寸"
  77. lay-skin="primary">
  78. </span>
  79. </p>
  80. <div class="layui-form-item diy-size" style="display: none">
  81. <input type="text" placeholder="格式:长*宽" name="size" id="size" class="layui-input"
  82. autocomplete="off">
  83. </div>
  84. <div class="layui-form-item normol-size">
  85. <select name="select_size" lay-filter="select_size" class="select">
  86. <option value="100*30">100*30</option>
  87. <option value="100*45">100*45</option>
  88. <option value="120*30">120*30</option>
  89. <option value="120*65">120*65</option>
  90. <option value="150*30">150*30</option>
  91. <option value="150*65">150*65</option>
  92. <option value="180*30">180*30</option>
  93. <option value="180*65">180*65</option>
  94. </select>
  95. </div>
  96. </div>
  97. <div class="qita">
  98. <p>
  99. 数量(个)<span style="font-size:14px;color:red">一张起做</span>
  100. </p>
  101. <div class="layui-form-item">
  102. <input type="text" placeholder="请输入整数" autocomplete="off" name="count" class="layui-input">
  103. </div>
  104. </div>
  105. <!-- 刻字 -->
  106. <div class="kezi" style="display:none">
  107. <p>
  108. 尺寸(CM/厘米) <span style="font-size:14px;color:red">输入单个字较宽的一边尺寸</span>
  109. </p>
  110. <div class="layui-form-item">
  111. <input type="text" placeholder="输入单个字较宽的一边尺寸(厘米)" name="size" id="keziSize" class="layui-input"
  112. autocomplete="off">
  113. </div>
  114. <p>
  115. 数量(个)<span style="font-size:14px;color:red">总数量(有几个字输入几)</span>
  116. </p>
  117. <div class="layui-form-item">
  118. <input type="text" placeholder="总数量(有几个字输入几)" autocomplete="off" name="count" id="count2"
  119. class="layui-input">
  120. </div>
  121. </div>
  122. <!-- 布 -->
  123. <div class="ui_zb" style="display:none">
  124. <p>
  125. 材质
  126. </p>
  127. <div class="layui-form-item">
  128. <select name="zbKind" id="zbKind" class="select">
  129. <option value=""></option>
  130. <option value="蓝底">蓝底</option>
  131. <option value="白底">白底</option>
  132. <option value="红底">红底</option>
  133. </select>
  134. </div>
  135. </div>
  136. <!-- 条幅 -->
  137. <div class="banner" style="display:none">
  138. <p>
  139. 材质
  140. </p>
  141. <div class="layui-form-item">
  142. <select name="kind2Value" lay-filter="kind2Value" id="bannerKind" class="select">
  143. <option value=""></option>
  144. <option value="旗帜布" selected>旗帜布</option>
  145. <%-- <option value="10">旗帜布</option>--%>
  146. <!-- <option value="红底条幅">红底条幅</option> -->
  147. </select>
  148. </div>
  149. <p>
  150. 宽幅
  151. </p>
  152. <div class="layui-form-item fixedSizeCoupon">
  153. <select name="width" id="width" class="select">
  154. <option value="50">50cm宽幅</option>
  155. <option value="60">60cm宽幅</option>
  156. <option value="70">70cm宽幅</option>
  157. <option value="80" class="redNo">80cm宽幅</option>
  158. <option value="90">90cm宽幅</option>
  159. </select>
  160. </div>
  161. <span class="diySizeCoupon" style="display:none">
  162. <input type="text" name="width" id="diySizeCoupon" placeholder="请输入宽幅" class="layui-input"
  163. autocomplete="off">
  164. </span>
  165. <input type="checkbox" name="ui_tf_size" class="ui_tf_size" lay-filter="ui_tf_size" title="自定义尺寸"
  166. lay-skin="primary">
  167. <p>
  168. 尺寸(CM/厘米) <span style="font-size:14px;color:red">条幅长度(输入长度)</span>
  169. </p>
  170. <div class="layui-form-item">
  171. <input type="text" placeholder="请输入条幅长度(厘米)" name="size" id="bannerSize" class="layui-input"
  172. autocomplete="off">
  173. </div>
  174. <p>
  175. 数量(条)
  176. </p>
  177. <div class="layui-form-item">
  178. <input type="text" placeholder="请输入整数" autocomplete="off" name="count" class="layui-input"
  179. id="count3">
  180. </div>
  181. </div>
  182. <!-- 贡缎布 -->
  183. <div class="satinCloth" style="display:none">
  184. <p>
  185. 尺寸(CM/厘米) <span style="font-size:14px;color:red">输入格式: 长 * 宽</span>
  186. </p>
  187. <div class="layui-form-item">
  188. <input type="text" placeholder="格式:长*宽" name="size" id="stinClothSize" class="layui-input"
  189. autocomplete="off">
  190. </div>
  191. <p>
  192. 数量(张)
  193. </p>
  194. <div class="layui-form-item">
  195. <input type="text" placeholder="请输入整数" autocomplete="off" name="count" class="layui-input"
  196. id="count4">
  197. </div>
  198. <p>
  199. 工艺
  200. </p>
  201. <div class="layui-form-item">
  202. <select name="kind2Value" lay-filter="kind2Value" id="satinClothKind" class="select" lay-search>
  203. <option value="0">左缝筒</option>
  204. <option value="1">右缝筒</option>
  205. <option value="2">上缝筒</option>
  206. <option value="3">左右缝筒</option>
  207. <option value="4">上下缝筒</option>
  208. <option value="5">上缝筒左缝吊耳</option>
  209. <option value="6">四角吊耳</option>
  210. </select>
  211. </div>
  212. </div>
  213. <p>
  214. 款数
  215. </p>
  216. <div class="layui-form-item">
  217. <input type="text" placeholder="请输入整数" autocomplete="off" name="number" id="number" value="1"
  218. class="layui-input" lay-verify="number">
  219. </div>
  220. <p>
  221. 客户旺旺
  222. </p>
  223. <div class="layui-form-item">
  224. <input type="text" placeholder="请输入客户旺旺号" autocomplete="off" name="wangwang" id="wangwang"
  225. class="layui-input">
  226. </div>
  227. <div class="layui-form-item" id="ui_des" style="display:none;">
  228. <p>
  229. 设计内容
  230. </p>
  231. <select name="desType" lay-filter="desType" id="desType" class="select" lay-search>
  232. <option value=""></option>
  233. <option value="1">改序号</option>
  234. <option value="2">改名字</option>
  235. <option value="3">改二维码</option>
  236. <option value="4">改图片</option>
  237. <option value="5">改内容模板相同</option>
  238. <option value="6" selected>改内容模板完全不同</option>
  239. </select>
  240. </div>
  241. <!-- 制度牌 -->
  242. <div class="zhiDuPai" style="display:none">
  243. <p>
  244. 工艺
  245. </p>
  246. <div class="layui-form-item">
  247. <input type="checkbox" name="craft" lay-filter="switch" class="pvcHide tang" value="模切" title="模切">
  248. <input type="checkbox" name="craft" lay-filter="switch" class="pvcHide tang" value="打孔" title="打孔">
  249. </div>
  250. </div>
  251. <!-- 条幅 -->
  252. <div class="banner" style="display:none">
  253. <p>
  254. 工艺
  255. </p>
  256. <div class="layui-form-item">
  257. <input type="radio" name="craftTiao" value="缝筒" title="缝筒" checked="checked">
  258. <input type="radio" name="craftTiao" value="打扣" title="打扣">
  259. <input type="radio" name="craftTiao" value="四角吊耳" title="四角吊耳">
  260. <input type="radio" name="craftTiao" value="净裁" title="净裁">
  261. <input type="radio" name="craftTiao" value="双喷" title="双喷">
  262. <!-- <input type="checkbox" name="ui_tf_qg" value="旗杆" title="旗杆" lay-filter="ui_tf_qg"> -->
  263. <div class="layui-inline edge ui_tf_count" style="width:60px;display:none">
  264. <input type="number" placeholder="请输入旗杆数" name="zheye"/>
  265. </div>
  266. </div>
  267. </div>
  268. <!-- 旗帜布 -->
  269. <div class="qiZhiBu" style="display:none">
  270. <p>
  271. 工艺
  272. </p>
  273. <div class="layui-form-item">
  274. <input type="radio" name="craftqz" value="缝筒" title="缝筒" checked="checked">
  275. <input type="radio" name="craftqz" value="打扣" title="打扣">
  276. <input type="radio" name="craftqz" value="四角吊耳" title="四角吊耳">
  277. <input type="radio" name="craftqz" value="净裁" title="净裁">
  278. <input type="checkbox" name="craftBu" value="双喷" title="双喷">
  279. <input type="checkbox" name="ui_qzb_qg" value="旗杆" title="旗杆" lay-filter="ui_qzb_qg">
  280. <div class="layui-inline edge ui_qzb_count" style="width:60px;display:none">
  281. <input type="number" placeholder="请输入旗杆数" name="zheye"/>
  282. </div>
  283. </div>
  284. </div>
  285. <!-- 双喷布 -->
  286. <div class="doubleBu" style="display:none">
  287. <p>
  288. 工艺
  289. </p>
  290. <div class="layui-form-item">
  291. <input type="radio" name="craftBu" value="车边" title="车边" checked="checked">
  292. <input type="radio" name="craftBu" value="打扣" title="打扣">
  293. <input type="radio" name="craftBu" value="留白" title="留白">
  294. <input type="radio" name="craftBu" value="净裁" title="净裁">
  295. <input type="radio" name="craftBu" value="挂轴" title="挂轴">
  296. </div>
  297. </div>
  298. <!-- 桌布 -->
  299. <div class="ui_zb" style="display:none">
  300. <p>
  301. 工艺
  302. </p>
  303. <div class="layui-form-item">
  304. <input type="radio" name="craftZb" value="" title="无" checked>
  305. <input type="radio" name="craftZb" value="花边" title="花边">
  306. <input type="radio" name="craftZb" value="直角" title="直角">
  307. </div>
  308. </div>
  309. <!-- 喷绘布 -->
  310. <div class="penHuiBu" style="display:none">
  311. <p>
  312. 工艺
  313. </p>
  314. <div class="layui-form-item">
  315. <input type="radio" name="craftPenHuiBu" value="留白内打孔" title="留白内打孔" checked>
  316. <input type="radio" name="craftPenHuiBu" value="留白外打孔" title="留白外打孔">
  317. <input type="radio" name="craftPenHuiBu" value="不留白打孔" title="不留白打孔">
  318. <input type="radio" name="craftPenHuiBu" value="留白净裁" title="留白净裁">
  319. <input type="radio" name="craftPenHuiBu" value="净裁" title="净裁">
  320. </div>
  321. </div>
  322. <!-- 写真布/油画布/灯片 -->
  323. <div class="xieZhenBu youHuaBu dengPian" style="display:none">
  324. <p>
  325. 工艺
  326. </p>
  327. <div class="layui-form-item">
  328. <input type="radio" name="craftJingcai" value="净裁" title="净裁" checked>
  329. </div>
  330. </div>
  331. <!-- PP纸/直喷PVC -->
  332. <div class="PPZhi zhiPenPVC" style="display:none">
  333. <p>
  334. 工艺
  335. </p>
  336. <div class="layui-form-item">
  337. <input type="radio" name="craftPPZhi" value="净裁" title="净裁" checked>
  338. <input type="radio" name="craftPPZhi" value="打孔" title="打孔">
  339. </div>
  340. </div>
  341. <!-- 静电贴 -->
  342. <div class="zdt_xiezhen" style="display:none">
  343. <p>
  344. 工艺
  345. </p>
  346. <div class="layui-form-item">
  347. 裁切工艺:
  348. <input type="radio" value="模切" title="模切" checked>
  349. </div>
  350. <div class="layui-form-item zdt_yin">
  351. 印面:
  352. <input type="radio" name="yinmian" value="单面印刷" title="单面印刷" checked>
  353. <input type="radio" name="yinmian" value="双面印刷" title="双面印刷">
  354. </div>
  355. </div>
  356. <!-- 软膜 -->
  357. <div class="ruanMo" style="display:none">
  358. <p>
  359. 工艺
  360. </p>
  361. <div class="layui-form-item">
  362. <input type="radio" name="craftRuanMo" value="净裁" title="净裁" checked>
  363. <input type="radio" name="craftRuanMo" value="车胶边" title="车胶边">
  364. </div>
  365. </div>
  366. <div class="craftGtt" style="display:none;">
  367. <p>材质</p>
  368. <div class="layui-form-item">
  369. <input type="radio" name="craftGtt" value="透明" title="透明" checked>
  370. <input type="radio" name="craftGtt" value="打白" title="打白">
  371. </div>
  372. </div>
  373. <!-- 贡缎布 -->
  374. <div class="ui_gdb" style="display:none">
  375. <p>
  376. 工艺
  377. </p>
  378. <input type="checkbox" name="ui_gdb_qg" value="旗杆" title="旗杆" lay-filter="ui_gdb_qg">
  379. <div class="layui-inline edge ui_gdb_count" style="width:60px;display:none">
  380. <input type="number" placeholder="请输入旗杆数" name="yaheng"/>
  381. </div>
  382. </div>
  383. <!-- 锦旗 -->
  384. <div class="ui_jq" style="display:none">
  385. <p>
  386. 尺寸(cm/厘米)
  387. </p>
  388. <div class="layui-form-item">
  389. <select name="size" id="ui_jq_size" class="select" lay-search>
  390. <option value="60*90">60*90</option>
  391. <option value="70*110">70*110</option>
  392. <option value="80*120">80*120</option>
  393. </select>
  394. </div>
  395. <p>
  396. 工艺
  397. </p>
  398. <div class="layui-form-item">
  399. <select name="kind3Value" id="ui_jq_gy" lay-filter="kind3Value" class="select" lay-search>
  400. <option value="小龙须黄字">小龙须黄字</option>
  401. <option value="小龙须3d镀金">小龙须3d镀金</option>
  402. <option value="大龙须黄字">大龙须黄字</option>
  403. <option value="大龙须3d镀金">大龙须3d镀金</option>
  404. </select>
  405. </div>
  406. </div>
  407. <!-- 彩旗 -->
  408. <div class="ui_cq" style="display:none">
  409. <p>
  410. 尺寸(cm/毫米)
  411. </p>
  412. <div class="layui-form-item">
  413. <select name="size" id="ui_cq_size" class="select" lay-search>
  414. <option value="40*80">40*80</option>
  415. <option value="60*90">60*90</option>
  416. <option value="70*120">70*120</option>
  417. <option value="80*150">80*150</option>
  418. </select>
  419. </div>
  420. </div>
  421. <!-- 号码布 -->
  422. <div class="ui_hmp" style="display:none">
  423. <p>
  424. 尺寸(mm/毫米)
  425. </p>
  426. <div class="layui-form-item">
  427. <select name="size" id="ui_hmb_size" class="select" lay-search>
  428. <option value="240*200">240*200</option>
  429. <option value="200*140">200*140</option>
  430. <option value="120*80">120*80</option>
  431. </select>
  432. </div>
  433. <p>
  434. 工艺
  435. </p>
  436. <div class="layui-form-item">
  437. <select name="kind3Value" id="ui_hmb_gy" lay-filter="kind3Value" class="select" lay-search>
  438. <option value="春亚布">春亚布</option>
  439. <option value="贡缎布">贡缎布</option>
  440. </select>
  441. </div>
  442. </div>
  443. <!-- 帆布 -->
  444. <div class="ui_fb" style="display:none">
  445. <p>
  446. 材质
  447. </p>
  448. <div class="layui-form-item">
  449. <select name="ui_fb_name" id="ui_fb_name" lay-filter="ui_fb_name" class="select" lay-search>
  450. <option value="1">露营布</option>
  451. <option value="2">摆摊布</option>
  452. </select>
  453. </div>
  454. <p>
  455. 尺寸(CM/厘米) <span style="font-size:14px;color:red">输入格式: 长 * 宽 </span>
  456. <input type="checkbox" name="switchSize" class="switchSizeCoupon" lay-filter="switchSizeCoupon"
  457. title="自定义尺寸" lay-skin="primary">
  458. </p>
  459. <div class="layui-form-item ui_size">
  460. <select name="size" id="ui_size" class="select">
  461. <option value="100*45">100*45</option>
  462. </select>
  463. </div>
  464. <span class="ui_zdy_size" style="display:none">
  465. <input type="text" id="ui_zdy_size" placeholder="格式:长*宽" class="layui-input" autocomplete="off">
  466. </span>
  467. <p>
  468. 工艺<span style="font-size:14px;color:red">木棍长度40cm</span>
  469. </p>
  470. <div class="layui-form-item">
  471. <input type="checkbox" name="craft" value="封边" title="封边" lay-filter="craft">
  472. <div class="layui-inline ui_feb" style="width:100px;display:none">
  473. <select name="fb" class="select fb" lay-filter="fb">
  474. <option value="1" selected>上封边</option>
  475. <option value="2">下封边</option>
  476. <option value="3">左封边</option>
  477. <option value="4">右封边</option>
  478. <option value="5">上下封边</option>
  479. <option value="6">左右封边</option>
  480. </select>
  481. </div>
  482. <input type="checkbox" name="craft" value="四角打孔" title="四角打孔" lay-filter="craft">
  483. <input type="checkbox" name="craft" value="净裁" title="净裁" lay-filter="craft">
  484. <input type="checkbox" name="craft" value="吊耳" title="吊耳" lay-filter="craft">
  485. <input type="checkbox" name="craft" value="缝兜" title="缝兜" lay-filter="craft">
  486. <input type="checkbox" name="craft" value="木棍" title="木棍" lay-filter="craft">
  487. </div>
  488. </div>
  489. <div class="dengxiang">
  490. <p>
  491. 工艺
  492. </p>
  493. <div class="layui-form-item">
  494. <input type="checkbox" name="craft" lay-filter="switch" value="裁切" title="裁切" checked>
  495. </div>
  496. </div>
  497. <hr>
  498. <div class="layui-form-item">
  499. <button class="layui-btn" lay-submit="" lay-filter="acount_btn">计算</button>
  500. <button type="reset" class="layui-btn layui-btn-primary">重置</button>
  501. </div>
  502. <h2>计算结果-
  503. <button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult"
  504. onclick="copyResult()">点击复制
  505. </button>
  506. </h2>
  507. <div>
  508. <textarea rows="11" cols="75" id="span_result" readonly="readonly"></textarea>
  509. <%@include file="../acountExpressFee.jsp" %>
  510. </div>
  511. <!--<h2>下单备注-<button type="button" class="layui-btn layui-btn-primary layui-btn-sm copyResult" onclick="copyBz()">点击复制</button></h2>
  512. <div>
  513. <textarea rows="5" cols="75" id="bz_result" readonly="readonly"></textarea>
  514. </div>-->
  515. <!-- <div>
  516. <p style="color:red;font-weight:normal;font-size:23px;">UV高透贴:<br>郑州:2天发货;<br>龙岩:2-3天发货;</p>
  517. <p style="color:red;font-weight:normal;font-size:23px;">其他产品:<br>17点前上传系统正常隔天发货;</p>
  518. </div> -->
  519. <div>
  520. <table class="layui-hide" id="priceTable" lay-filter="priceTable"></table>
  521. </div>
  522. </form>
  523. </div>
  524. <div class="right_div" style="margin-left:50px;">
  525. <div class="layui-carousel" id="test1">
  526. <div carousel-item id="carousel"></div>
  527. <br>
  528. <div id="remark" style="font-size:20px;color:red"></div>
  529. </div>
  530. </div>
  531. </div>
  532. </body>
  533. <%@include file="/views/copyResult.jsp" %>
  534. <script>
  535. //setNumberOptions();
  536. function setNumberOptions() {
  537. let html = '';
  538. if (window.parent.system_isPdd) {
  539. html = `<option value=""></option>
  540. <option value="1">改序号</option>
  541. <option value="2">改名字</option>
  542. <option value="3">改二维码</option>
  543. <option value="4">改图片</option>
  544. <option value="5">改内容模板相同</option>
  545. <option value="6" selected>改内容模板完全不同</option>`;
  546. } else {
  547. html = `<option value=""></option>
  548. <option value="1">改序号</option>
  549. <option value="6" selected>改内容模板完全不同</option>`;
  550. }
  551. $("#desType").empty().append(html);
  552. }
  553. layui.use(['table', 'form', 'carousel'], function () {
  554. var form = layui.form; //只有执行了这一步,部分表单元素才会自动修饰成功
  555. var carousel = layui.carousel;
  556. var table = layui.table;
  557. //建造实例
  558. ins = carousel.render({});
  559. var kind;
  560. $("#number").on("input", function (e) {
  561. showDes()
  562. });
  563. function showDes() {
  564. var number = $("#number").val();
  565. let number_kindValue = $("input[name='kindValue']:checked").val();
  566. let number_kind2Value = $("select[name='kind2Value'] option:selected").val();
  567. if (window.parent.system_isPdd && number > 1 && ((number_kindValue == 0 && number_kind2Value == 0) || (number_kindValue == 1 && (number_kind2Value == 3 || number_kind2Value == 8 || number_kind2Value == 15)) || number_kindValue == 2)) {
  568. $("#ui_des").show();
  569. } else {
  570. $("#ui_des").hide();
  571. }
  572. }
  573. // 根据类目获取产品名称
  574. form.on('radio(kindValue)', function (data) {
  575. kind = data.value;
  576. $(".zdt_xiezhen").hide();
  577. showDes()
  578. // 制度牌
  579. $(".zhiDuPai").hide();
  580. $(".zhiDuPai").find(":input").attr("disabled", true);
  581. //室内写真
  582. $(".PPZhi").hide();
  583. $(".PPZhi").find(":input").attr("disabled", true);
  584. $(".zhiPenPVC").hide();
  585. $(".zhiPenPVC").find(":input").attr("disabled", true);
  586. $(".ruanMo").hide();
  587. $(".ruanMo").find(":input").attr("disabled", true);
  588. //布
  589. $(".penHuiBu").hide();
  590. $(".penHuiBu").find(":input").attr("disabled", true);
  591. $(".xieZhenBu").hide();
  592. $(".xieZhenBu").find(":input").attr("disabled", true);
  593. $(".doubleBu").hide();
  594. $(".doubleBu").find(":input").attr("disabled", true);
  595. $(".youHuaBu").hide();
  596. $(".youHuaBu").find(":input").attr("disabled", true);
  597. $(".qiZhiBu").hide();
  598. $(".qiZhiBu").find(":input").attr("disabled", true);
  599. $(".ui_zb").hide();
  600. $(".ui_zb").find(":input").attr("disabled", true);
  601. $(".dengxiang").hide();
  602. $(".dengxiang").find(":input").attr("disabled", true);
  603. // 制度牌
  604. if (kind == 0) {
  605. // !背胶单裱3mmPVC(户内高清)
  606. if (kind2 != 12) {
  607. $(".zhiDuPai").show();
  608. $(".zhiDuPai").find(":input").attr("disabled", false);
  609. }
  610. }
  611. // 室内写真
  612. if (kind == 1) {
  613. // PP纸
  614. if (kind2 == 3) {
  615. $(".PPZhi").show();
  616. $(".PPZhi").find(":input").attr("disabled", false);
  617. } else if (kind2 == 5) { // 直喷PVC
  618. $(".PPZhi").show();
  619. $(".PPZhi").find(":input").attr("disabled", false);
  620. } else if (kind2 == 14) { // 软膜
  621. $(".ruanMo").show();
  622. $(".ruanMo").find(":input").attr("disabled", false);
  623. }
  624. }
  625. // 户外写真
  626. if (kind == 2) {
  627. // 灯片
  628. if (kind2 == 5) {
  629. $(".dengPian").show();
  630. $(".dengPian").find(":input").attr("disabled", false);
  631. }
  632. }
  633. // 布
  634. if (kind == 3) {
  635. // 喷绘布
  636. if (kind2 == 1) {
  637. $(".penHuiBu").show();
  638. $(".penHuiBu").find(":input").attr("disabled", false);
  639. } else if (kind2 == 6) { // 写真布
  640. $(".xieZhenBu").show();
  641. $(".xieZhenBu").find(":input").attr("disabled", false);
  642. } else if (kind2 == 7) { // 双喷布
  643. $(".doubleBu").show();
  644. $(".doubleBu").find(":input").attr("disabled", false);
  645. } else if (kind2 == 8) { // 油画布
  646. $(".youHuaBu").show();
  647. $(".youHuaBu").find(":input").attr("disabled", false);
  648. } else if (kind2 == 10) { // 旗帜布
  649. $(".qiZhiBu").show();
  650. $(".qiZhiBu").find(":input").attr("disabled", false);
  651. } else if (kind2 == 13) {//桌布
  652. $(".ui_zb").show();
  653. $(".ui_zb").find(":input").attr("disabled", false);
  654. }
  655. }
  656. // 切换类目的时候清空轮播图
  657. if (data.value == 5 || data.value == 6 || data.value == 7 || data.value == 8 || data.value == 9 || data.value == 10) {
  658. // 轮播图
  659. var html = " ";
  660. var remark = " ";
  661. // 清空轮播图
  662. $("#carousel").empty();
  663. $("#remark").empty();
  664. var proTypeValue = "";
  665. if (data.value != 5 || data.value != 7) {
  666. proTypeValue = '17';
  667. } else {
  668. proTypeValue = $("#proTypeValue").val();
  669. }
  670. $.ajax({
  671. url: "${pageContext.request.contextPath}/getImgs",
  672. type: "GET",
  673. data: {
  674. proTypeValue: proTypeValue,
  675. kindValue: $('input[name="kindValue"]:checked').val()
  676. },
  677. //dataType : "json",
  678. success: function (result) {
  679. for (let i = 0; i < result.length; i++) {
  680. // 只留一个remark
  681. remark = "";
  682. html += '<div><img style="width:' + result[0].imgWidth + 'px" src="' + result[i].imgUrl + '" class="imgUrl"></div>';
  683. remark += '<div><span>' + result[i].remark + '<span/></div>';
  684. }
  685. $("#carousel").append(html);
  686. // 如果没有说明,就不显示null
  687. if (remark.indexOf("null") < 0) {
  688. $("#remark").append(remark);
  689. }
  690. // 如果没有轮播图就隐藏
  691. if (result.length == 0) {
  692. document.getElementById("test1").style.display = "none"; //隐藏
  693. } else {
  694. document.getElementById("test1").style.display = "block"; //显示
  695. ins.reload({
  696. elem: '#test1',
  697. width: result[0].imgWidth, //设置容器宽度
  698. height: result[0].imgHeight
  699. });
  700. }
  701. }
  702. });
  703. if (data.value == 5) {
  704. $(".kezi").show();
  705. $(".kezi").find(":input").attr("disabled", false);
  706. $(".qita").hide();
  707. $(".qita").find(":input").attr("disabled", true);
  708. }
  709. } else {
  710. $(".qita").show();
  711. $(".qita").find(":input").attr("disabled", false);
  712. $(".kezi").hide();
  713. $(".kezi").find(":input").attr("disabled", true);
  714. }
  715. // 展架、刻字的时候隐藏尺寸
  716. if (data.value != 4 && data.value != 5 && data.value != 8 && data.value != 9) {
  717. $(".size").show();
  718. $(".size").find(":input").attr("disabled", false);
  719. } else {
  720. $(".size").hide();
  721. $(".size").find(":input").attr("disabled", true);
  722. }
  723. $(".banner").hide();
  724. $(".banner").find(":input").attr("disabled", true);
  725. $(".ui_jq").hide();
  726. $(".ui_jq").find(":input").attr("disabled", true);
  727. if (data.value == 6) {//条幅
  728. $(".productName").show();
  729. $(".banner").show();
  730. $(".banner").find(":input").attr("disabled", false);
  731. $(".qita").hide();
  732. $(".qita").find(":input").attr("disabled", true);
  733. $(".kezi").hide();
  734. $(".kezi").find(":input").attr("disabled", true);
  735. $(".satinCloth").hide();
  736. $(".satinCloth").find(":input").attr("disabled", true);
  737. $(".ui_jq").hide();
  738. $(".ui_jq").find(":input").attr("disabled", true);
  739. $(".ui_hmp").hide();
  740. $(".ui_hmp").find(":input").attr("disabled", true);
  741. $(".ui_jq_name").hide();
  742. $(".ui_fb").hide();
  743. $(".ui_fb").find(":input").attr("disabled", true);
  744. $("#proTypeValue").val("17");
  745. $(".ui_gdb").hide();
  746. $(".ui_gdb").find(":input").attr("disabled", true);
  747. $('.ui_tf_size').val("off");
  748. $('.ui_tf_size').prop("checked", false);
  749. $(".diySizeCoupon").hide();
  750. $(".diySizeCoupon").find(":input").attr("disabled", true);
  751. $(".fixedSizeCoupon").show();
  752. $(".fixedSizeCoupon").find(":input").attr("disabled", false);
  753. } else if (data.value == 7) {//贡缎布
  754. $(".satinCloth").show();
  755. $(".satinCloth").find(":input").attr("disabled", false);
  756. $(".ui_gdb").show();
  757. $(".ui_gdb").find(":input").attr("disabled", false);
  758. $(".qita").hide();
  759. $(".qita").find(":input").attr("disabled", true);
  760. $(".kezi").hide();
  761. $(".kezi").find(":input").attr("disabled", true);
  762. $(".banner").hide();
  763. $(".banner").find(":input").attr("disabled", true);
  764. $(".ui_jq").hide();
  765. $(".ui_jq").find(":input").attr("disabled", true);
  766. $(".ui_hmp").hide();
  767. $(".ui_hmp").find(":input").attr("disabled", true);
  768. $(".ui_jq_name").hide();
  769. $(".ui_fb").hide();
  770. $(".ui_fb").find(":input").attr("disabled", true);
  771. $("#proTypeValue").val("17");
  772. $(".productName").show();
  773. } else if (data.value == 8) {//锦旗
  774. $(".qita").show();
  775. $("input[name='size']").val("");
  776. $(".size").hide();
  777. $("input[name='count']").attr("disabled", false);
  778. $(".kezi").hide();
  779. $(".kezi").find(":input").attr("disabled", true);
  780. $(".ui_gdb").hide();
  781. $(".ui_gdb").find(":input").attr("disabled", true);
  782. $(".productName").hide();
  783. $(".banner").hide();
  784. $(".banner").find(":input").attr("disabled", true);
  785. $(".satinCloth").hide();
  786. $(".satinCloth").find(":input").attr("disabled", true);
  787. $(".ui_hmp").hide();
  788. $(".ui_hmp").find(":input").attr("disabled", true);
  789. $(".ui_cq").hide();
  790. $(".ui_cq").find(":input").attr("disabled", true);
  791. $(".ui_fb").hide();
  792. $(".ui_fb").find(":input").attr("disabled", true);
  793. $(".ui_jq_name").show();
  794. $(".ui_jq").show();
  795. $(".ui_jq").find(":input").attr("disabled", false);
  796. $("#proTypeValue").val("锦旗");
  797. } else if (data.value == 9) {//号码布
  798. $(".productName").hide();
  799. $(".banner").hide();
  800. $("input[name='size']").val("");
  801. $(".size").hide();
  802. $("input[name='count']").attr("disabled", false);
  803. $(".kezi").hide();
  804. $(".kezi").find(":input").attr("disabled", true);
  805. $(".banner").find(":input").attr("disabled", true);
  806. $(".satinCloth").hide();
  807. $(".satinCloth").find(":input").attr("disabled", true);
  808. $(".productName").hide();
  809. $(".ui_jq").hide();
  810. $(".ui_jq").find(":input").attr("disabled", true);
  811. $(".ui_cq").hide();
  812. $(".ui_cq").find(":input").attr("disabled", true);
  813. $(".ui_jq_name").hide();
  814. $(".ui_fb").hide();
  815. $(".ui_fb").find(":input").attr("disabled", true);
  816. $(".ui_hmp").show();
  817. $(".ui_hmp").find(":input").attr("disabled", false);
  818. $(".ui_gdb").hide();
  819. $(".ui_gdb").find(":input").attr("disabled", true);
  820. $("#proTypeValue").val("号码布");
  821. } else if (data.value == 10) {//帆布
  822. $(".qita").show();
  823. $(".qita").find(":input").attr("disabled", false);
  824. $(".kezi").hide();
  825. $(".kezi").find(":input").attr("disabled", true);
  826. $(".productName").hide();
  827. $(".banner").hide();
  828. $(".banner").find(":input").attr("disabled", true);
  829. $(".satinCloth").hide();
  830. $(".satinCloth").find(":input").attr("disabled", true);
  831. $(".ui_jq").hide();
  832. $(".ui_jq").find(":input").attr("disabled", true);
  833. $(".ui_cq").hide();
  834. $(".ui_cq").find(":input").attr("disabled", true);
  835. $(".ui_jq_name").hide();
  836. $(".ui_hmp").hide();
  837. $(".ui_hmp").find(":input").attr("disabled", true);
  838. $(".ui_gdb").hide();
  839. $(".ui_gdb").find(":input").attr("disabled", true);
  840. $("input[name='size']").val("");
  841. $(".size").hide();
  842. $("input[name='size']").val("");
  843. $(".ui_zdy_size").find(":input").attr("disabled", false);
  844. /* $(".size").show();
  845. $(".size").find(":input").attr("disabled", false); */
  846. $(".ui_fb").show();
  847. $(".ui_fb").find(":input").attr("disabled", false);
  848. $("#proTypeValue").val("帆布");
  849. } else {
  850. $(".productName").show();
  851. $(".banner").hide();
  852. $(".banner").find(":input").attr("disabled", true);
  853. $(".satinCloth").hide();
  854. $(".satinCloth").find(":input").attr("disabled", true);
  855. $(".ui_jq").hide();
  856. $(".ui_jq").find(":input").attr("disabled", true);
  857. $(".ui_cq").hide();
  858. $(".ui_cq").find(":input").attr("disabled", true);
  859. $(".ui_jq_name").hide();
  860. $(".ui_hmp").hide();
  861. $(".ui_hmp").find(":input").attr("disabled", true);
  862. $(".ui_gdb").hide();
  863. $(".ui_gdb").find(":input").attr("disabled", true);
  864. $(".ui_fb").hide();
  865. $(".ui_fb").find(":input").attr("disabled", true);
  866. $("#proTypeValue").val("17");
  867. }
  868. $(".dengx-type").hide()
  869. $(".switchSizeCoupon").hide()
  870. $("input[name='size']").val('');
  871. $(".diy-size").show();
  872. $(".normol-size").hide();
  873. form.render();
  874. if (data.value != 5 && data.value != 6 && data.value != 8 && data.value != 9 && data.value != 10 && data.value != 11) {
  875. // 切换按钮清空下拉框(防止一直重复加)
  876. $("#kind2Value").empty();
  877. // 下拉框第一列添加空的option
  878. $('#kind2Value').append(new Option("", ""));
  879. form.render("select");
  880. $.ajax({
  881. url: "${pageContext.request.contextPath}/getKind2sByKind",
  882. type: "GET",
  883. dataType: "json",
  884. data: {
  885. proTypeValue: 17,
  886. kindValue: data.value
  887. },
  888. success: function (result) {
  889. $.each(result, function (index, item) {
  890. if (data.value == 1) {
  891. if (index == '16' || index == '17' || index == '18') {
  892. if ((${ sessionScope.USER_SESSION.role.contains('1010')})) {
  893. $('#kind2Value').append(new Option(item, index));
  894. }
  895. } else {
  896. $('#kind2Value').append(new Option(item, index));
  897. }
  898. } else {
  899. $('#kind2Value').append(new Option(item, index));//往下拉菜单里添加元素
  900. }
  901. });
  902. layui.form.render("select");
  903. }
  904. });
  905. }
  906. });
  907. form.on('radio(dengxType)', function (data) {
  908. $(".switchSizeCoupon").hide();
  909. $(".normol-size").show();
  910. $(".diy-size").hide();
  911. if (data.value == 0) {
  912. $(".switchSizeCoupon").show();
  913. }
  914. $("input[name='switchSize']").prop("checked", false);
  915. setSelectOption()
  916. form.render();
  917. });
  918. form.on('checkbox(switchSize)', function (data) {
  919. if (data.elem.checked) {
  920. $(".diy-size").show();
  921. $(".normol-size").hide();
  922. } else {
  923. $(".normol-size").show();
  924. $(".diy-size").hide();
  925. }
  926. form.render();
  927. });
  928. form.on('select(select_size)', function (data) {
  929. $("input[name='size']").val(data.value);
  930. form.render();
  931. });
  932. function setSelectOption() {
  933. let value = $("input[name='dengxType']:checked").val();
  934. let kindValue = $("input[name='kindValue']:checked").val();
  935. let html = `<option value="100*30" selected>100*30</option>
  936. <option value="100*45">100*45</option>
  937. <option value="120*30">120*30</option>
  938. <option value="120*65">120*65</option>
  939. <option value="150*30">150*30</option>
  940. <option value="150*65">150*65</option>
  941. <option value="180*30">180*30</option>
  942. <option value="180*65">180*65</option>`;
  943. if (kindValue != 3) {
  944. $("input[name='size']").val('100*30');
  945. }
  946. if (value == 1) {
  947. html = `<option value="100*30,100*45" selected>100*30,100*45</option>
  948. <option value="120*30,120*65">120*30,120*65</option>
  949. <option value="150*30,150*65">150*30,150*65</option>
  950. <option value="180*30,180*65">180*30,180*65</option>`;
  951. $("input[name='size']").val('100*30,100*45');
  952. }
  953. $("select[name='select_size']").empty().append(html);
  954. form.render();
  955. }
  956. $('.ui_tf_size').val("off");
  957. // 自定义条幅尺寸
  958. form.on('checkbox(ui_tf_size)', function (data) {
  959. if (data.elem.checked) {
  960. $('.ui_tf_size').val("on")
  961. $(".diySizeCoupon").show();
  962. $(".fixedSizeCoupon").hide();
  963. $(".diySizeCoupon").find(":input").attr("disabled", false);
  964. $(".fixedSizeCoupon").find(":input").attr("disabled", true);
  965. } else {
  966. $('.ui_tf_size').val("off")
  967. $(".fixedSizeCoupon").show();
  968. $(".diySizeCoupon").hide();
  969. $(".fixedSizeCoupon").find(":input").attr("disabled", false);
  970. $(".diySizeCoupon").find(":input").attr("disabled", true);
  971. // 恢复标准数量的时候会被禁用,加这个解决
  972. form.render();
  973. }
  974. });
  975. form.on('checkbox(craft)', function (data) {
  976. if ($("input[name='craft']:checked").val() == "封边") {
  977. $(".ui_feb").show();
  978. $(".ui_feb select").attr("disabled", false);
  979. } else {
  980. $(".ui_feb").hide();
  981. $(".ui_feb select").attr("disabled", true);
  982. }
  983. form.render();
  984. });
  985. form.on('checkbox(ui_tf_qg)', function (data) {
  986. if ($("input[name='ui_tf_qg']:checked").val() == "旗杆") {
  987. $(".ui_tf_count").show();
  988. $(".ui_tf_count input").attr("disabled", false);
  989. } else {
  990. $(".ui_tf_count").hide();
  991. $(".ui_tf_count input").attr("disabled", true);
  992. }
  993. form.render();
  994. });
  995. form.on('checkbox(ui_qzb_qg)', function (data) {
  996. if ($("input[name='ui_qzb_qg']:checked").val() == "旗杆") {
  997. $(".ui_qzb_count").show();
  998. $(".ui_qzb_count input").attr("disabled", false);
  999. } else {
  1000. $(".ui_qzb_count").hide();
  1001. $(".ui_qzb_count input").attr("disabled", true);
  1002. }
  1003. form.render();
  1004. });
  1005. form.on('checkbox(ui_gdb_qg)', function (data) {
  1006. if ($("input[name='ui_gdb_qg']:checked").val() == "旗杆") {
  1007. $(".ui_gdb_count").show();
  1008. $(".ui_gdb_count input").attr("disabled", false);
  1009. } else {
  1010. $(".ui_gdb_count").hide();
  1011. $(".ui_gdb_count input").attr("disabled", true);
  1012. }
  1013. form.render();
  1014. });
  1015. var kind2;
  1016. // 根据产品名称展示工艺
  1017. form.on('select(kind2Value)', function (data) {
  1018. showDes()
  1019. if (data.value == '红底条幅') {
  1020. $("#width").find("option[value = 50]").attr("selected", true);
  1021. $(".redNo").attr("disabled", true);
  1022. } else if (data.value == '彩色条幅') {
  1023. $(".redNo").attr("disabled", false);
  1024. $("#width").find("option[value = 50]").attr("selected", false);
  1025. }
  1026. let kindValue = $("input[name='kindValue']:checked").val();
  1027. $(".dengx-type").hide()
  1028. $(".switchSizeCoupon").hide()
  1029. $("input[name='size']").val('');
  1030. $(".diy-size").show();
  1031. $(".normol-size").hide();
  1032. $(".dengxiang").hide();
  1033. $(".dengxiang").find(":input").attr("disabled", true);
  1034. if (kindValue == 2 && data.value == 24) {
  1035. // 下拉框第一列添加空的option
  1036. $(".dengx-type").show()
  1037. $(".dengx-type input[name='dengxType']:first").click()
  1038. $(".switchSizeCoupon").show();
  1039. $(".diy-size").hide();
  1040. $(".normol-size").show();
  1041. $(".dengxiang").show();
  1042. $(".dengxiang").find(":input").attr("disabled", false);
  1043. }
  1044. $(".zdt_xiezhen").hide();
  1045. if (data.value == 8) {
  1046. $(".zdt_xiezhen").show();
  1047. }
  1048. form.render();
  1049. setSelectOption()
  1050. // 根据选择的产品出轮播图
  1051. // 轮播图
  1052. var html = " ";
  1053. var remark = " ";
  1054. // 清空轮播图
  1055. $("#carousel").empty();
  1056. $("#remark").empty();
  1057. $.ajax({
  1058. url: "${pageContext.request.contextPath}/getImgs",
  1059. type: "GET",
  1060. data: {
  1061. proTypeValue: $("#proTypeValue").val(),
  1062. kindValue: $('input[name="kindValue"]:checked').val(),
  1063. kind2Value: $("#kind2Value option:checked").val()
  1064. },
  1065. //dataType : "json",
  1066. success: function (result) {
  1067. for (let i = 0; i < result.length; i++) {
  1068. // 只留一个remark
  1069. remark = "";
  1070. html += '<div><img style="width:' + result[0].imgWidth + 'px" src="' + result[i].imgUrl + '" class="imgUrl"></div>';
  1071. remark += '<div><span>' + result[i].remark + '<span/></div>';
  1072. }
  1073. $("#carousel").append(html);
  1074. // 如果没有说明,就不显示null
  1075. if (remark.indexOf("null") < 0) {
  1076. $("#remark").append(remark);
  1077. }
  1078. //console.log(remark);
  1079. // 如果没有轮播图就隐藏
  1080. if (result.length == 0) {
  1081. document.getElementById("test1").style.display = "none"; //隐藏
  1082. } else {
  1083. document.getElementById("test1").style.display = "block"; //显示
  1084. ins.reload({
  1085. elem: '#test1',
  1086. width: result[0].imgWidth, //设置容器宽度
  1087. height: result[0].imgHeight
  1088. });
  1089. }
  1090. }
  1091. });
  1092. /*
  1093. kind2 = data.value;
  1094. // 制度牌
  1095. $(".zhiDuPai").hide();
  1096. $(".zhiDuPai").find(":input").attr("disabled", true);
  1097. //室内写真
  1098. $(".PPZhi").hide();
  1099. $(".PPZhi").find(":input").attr("disabled", true);
  1100. $(".zhiPenPVC").hide();
  1101. $(".zhiPenPVC").find(":input").attr("disabled", true);
  1102. $(".ruanMo").hide();
  1103. $(".ruanMo").find(":input").attr("disabled", true);
  1104. //布
  1105. $(".penHuiBu").hide();
  1106. $(".penHuiBu").find(":input").attr("disabled", true);
  1107. $(".xieZhenBu").hide();
  1108. $(".xieZhenBu").find(":input").attr("disabled", true);
  1109. $(".doubleBu").hide();
  1110. $(".doubleBu").find(":input").attr("disabled", true);
  1111. $(".youHuaBu").hide();
  1112. $(".youHuaBu").find(":input").attr("disabled", true);
  1113. $(".qiZhiBu").hide();
  1114. $(".qiZhiBu").find(":input").attr("disabled", true);
  1115. $(".ui_zb").hide();
  1116. $(".ui_zb").find(":input").attr("disabled", true);
  1117. // 制度牌
  1118. if(kind == 0){
  1119. // !背胶单裱3mmPVC(户内高清)
  1120. if(kind2 != 12){
  1121. $(".zhiDuPai").show();
  1122. $(".zhiDuPai").find(":input").attr("disabled", false);
  1123. }
  1124. }
  1125. // 室内写真
  1126. if(kind == 1){
  1127. // PP纸
  1128. if(kind2 == 3){
  1129. $(".PPZhi").show();
  1130. $(".PPZhi").find(":input").attr("disabled", false);
  1131. $(".craftGtt").hide();
  1132. $(".craftGtt").find(":input").attr("disabled", true);
  1133. }else if(kind2 == 5){ // 直喷PVC
  1134. $(".PPZhi").show();
  1135. $(".PPZhi").find(":input").attr("disabled", false);
  1136. $(".craftGtt").hide();
  1137. $(".craftGtt").find(":input").attr("disabled", true);
  1138. }else if(kind2 == 14){ // 软膜
  1139. $(".ruanMo").show();
  1140. $(".ruanMo").find(":input").attr("disabled", false);
  1141. $(".craftGtt").hide();
  1142. $(".craftGtt").find(":input").attr("disabled", true);
  1143. }else if(kind2 == 18){
  1144. $(".craftGtt").show();
  1145. $(".craftGtt").find(":input").attr("disabled", false);
  1146. }else{
  1147. $(".craftGtt").hide();
  1148. $(".craftGtt").find(":input").attr("disabled", true);
  1149. }
  1150. }
  1151. // 户外写真
  1152. if(kind == 2){
  1153. // 灯片
  1154. if(kind2 == 5){
  1155. $(".dengPian").show();
  1156. $(".dengPian").find(":input").attr("disabled", false);
  1157. }
  1158. }
  1159. // 布
  1160. if(kind == 3){
  1161. // 喷绘布
  1162. if(kind2 == 1){
  1163. $(".penHuiBu").show();
  1164. $(".penHuiBu").find(":input").attr("disabled", false);
  1165. }else if(kind2 == 6){ // 写真布
  1166. $(".xieZhenBu").show();
  1167. $(".xieZhenBu").find(":input").attr("disabled", false);
  1168. }else if(kind2 == 7){ // 双喷布
  1169. $(".doubleBu").show();
  1170. $(".doubleBu").find(":input").attr("disabled", false);
  1171. }else if(kind2 == 8){ // 油画布
  1172. $(".youHuaBu").show();
  1173. $(".youHuaBu").find(":input").attr("disabled", false);
  1174. }else if(kind2 == 10){ // 旗帜布
  1175. $(".qiZhiBu").show();
  1176. $(".qiZhiBu").find(":input").attr("disabled", false);
  1177. }else if(kind2 == 13){//桌布
  1178. $(".ui_zb").show();
  1179. $(".ui_zb").find(":input").attr("disabled", false);
  1180. }
  1181. }
  1182. // 条幅
  1183. if(kind == 6){
  1184. $(".banner").show();
  1185. $(".banner").find(":input").attr("disabled", false);
  1186. }
  1187. form.render();*/
  1188. });
  1189. // 自定义尺寸
  1190. form.on('checkbox(switchSizeCoupon)', function (data) {
  1191. if (data.elem.checked) {
  1192. $('.switchSizeCoupon').val("on")
  1193. $(".ui_zdy_size").show();
  1194. $("#ui_zdy_size").attr("name", "size");
  1195. $(".ui_size").hide();
  1196. $("#ui_size").attr("name", "");
  1197. $(".ui_zdy_size").find(":input").attr("disabled", false);
  1198. $(".ui_size").find(":input").attr("disabled", true);
  1199. } else {
  1200. $('.switchSizeCoupon').val("off")
  1201. $(".ui_size").show();
  1202. $("#ui_size").attr("name", "size");
  1203. $(".ui_zdy_size").hide();
  1204. $("#ui_zdy_size").attr("name", "");
  1205. $(".ui_size").find(":input").attr("disabled", false);
  1206. $(".ui_zdy_size").find(":input").attr("disabled", true);
  1207. // 恢复标准数量的时候会被禁用,加这个解决
  1208. form.render();
  1209. }
  1210. })
  1211. form.on('select(ui_qz_name)', function (data) {
  1212. var isJq = $("#ui_qz_name option:checked").val();
  1213. if (isJq == "0") {
  1214. $(".ui_jq").show();
  1215. $(".ui_cq").hide();
  1216. $("#proTypeValue").val("锦旗")
  1217. } else {
  1218. $(".ui_cq").show();
  1219. $(".ui_jq").hide();
  1220. $("#proTypeValue").val("彩旗");
  1221. }
  1222. form.render();
  1223. })
  1224. // 点击计算,计算价格
  1225. form.on('submit(acount_btn)', function (data) {
  1226. var value = $('input[name="kindValue"]:checked').val();
  1227. if (!value) {
  1228. layer.msg('请选择产品类目!', {offset: ['300px', '300px']}, function () {
  1229. });
  1230. return false;
  1231. }
  1232. if (value != 4 && value != 5 && value != 6 && value != 8 && value != 9 && value != 10) {
  1233. // 贡缎布
  1234. if (value == 7) {
  1235. var size = $("#stinClothSize").val();
  1236. if (size.split("*")[0] < 14 || size.split("*")[1] < 14) {
  1237. layer.msg("贡缎布尺寸不能小于14 cm", {offset: ['300px', '300px']}, function () {
  1238. });
  1239. return false;
  1240. } else if (size.split("*")[0] > 150 && size.split("*")[1] > 150) {
  1241. layer.msg("贡缎布超过150cm需要拼接", {offset: ['300px', '300px']}, function () {
  1242. });
  1243. }
  1244. if ($("input[name='ui_gdb_qg']:checked").val() == "旗杆") {
  1245. var count = $("#count4").val();
  1246. var number = $("#number").val();
  1247. var qg_count = $("input[name='yaheng']").val();
  1248. if (qg_count <= 0) {
  1249. layer.msg('请输入旗杆数量!', {offset: ['300px', '300px']}, function () {
  1250. });
  1251. return false;
  1252. } else {
  1253. if (parseFloat(qg_count) > parseFloat(count) && parseFloat(qg_count) > parseFloat(number)) {
  1254. layer.msg('旗杆数量不能超过产品数量!', {offset: ['300px', '300px']}, function () {
  1255. });
  1256. return false;
  1257. }
  1258. }
  1259. }
  1260. } else {
  1261. var size = $("#size").val();
  1262. }
  1263. if (!size) {
  1264. layer.msg('请填写尺寸!', {offset: ['300px', '300px']}, function () {
  1265. });
  1266. return false;
  1267. }
  1268. if (value == 3) {
  1269. if (kind2 == 10) {
  1270. if (size.split("*")[1] > 200 && size.split("*")[0] > 200) {
  1271. layer.msg('旗帜布两边超过200cm需要拼接!', {offset: ['300px', '300px']}, function () {
  1272. });
  1273. }
  1274. }
  1275. }
  1276. }
  1277. if (value == 5) {
  1278. if ($("#keziSize").val().indexOf("*") != -1) {
  1279. layer.msg('请填写正确的尺寸格式!', {offset: ['300px', '300px']}, function () {
  1280. });
  1281. return false;
  1282. }
  1283. }
  1284. if (value == 6) {
  1285. if ($("#bannerSize").val().indexOf("*") != -1) {
  1286. layer.msg('请填写正确的尺寸格式!', {offset: ['300px', '300px']}, function () {
  1287. });
  1288. return false;
  1289. }
  1290. if ($("#diySizeCoupon").val() > 160 && $("#bannerSize").val() > 160) {
  1291. layer.msg('条幅两边超过160cm需要拼接!', {offset: ['300px', '300px']}, function () {
  1292. });
  1293. }
  1294. /* if($("#diySizeCoupon").val() > 160){
  1295. layer.msg('条幅宽幅超过160cm需要单独报价!',{offset:['300px','300px']},function(){});
  1296. } */
  1297. if ($("input[name='ui_tf_qg']:checked").val() == "旗杆") {
  1298. var count = $("#count3").val();
  1299. var qg_count = $("input[name='zheye']").val();
  1300. if (qg_count <= 0) {
  1301. layer.msg('请输入旗杆数量!', {offset: ['300px', '300px']}, function () {
  1302. });
  1303. return false;
  1304. } else {
  1305. if (parseFloat(qg_count) > parseFloat(count)) {
  1306. layer.msg('旗杆数量不能超过产品数量!', {offset: ['300px', '300px']}, function () {
  1307. });
  1308. return false;
  1309. }
  1310. }
  1311. }
  1312. var craftTiao = [$('input[name="craftTiao"]:checked').val()];
  1313. if (craftTiao == '双喷') {
  1314. if ($("#bannerSize").val() > 500 || $("#diySizeCoupon").val() > 160) {
  1315. layer.msg('条幅双喷不能超过50*1.6米!', {offset: ['300px', '300px']}, function () {
  1316. });
  1317. return false;
  1318. }
  1319. }
  1320. // $("#bannerSize").val($("#bannerSize").val()+'*'+$("#width").val())
  1321. }
  1322. if (value == 10) {
  1323. if ($("input[name='switchSize']:checked").val() == "on") {
  1324. if ($("#ui_zdy_size").val().split("*")[0] < 20 || $("#ui_zdy_size").val().split("*")[1] < 20) {
  1325. layer.msg('帆布最小尺寸20*20cm!', {offset: ['300px', '300px']}, function () {
  1326. });
  1327. return false;
  1328. }
  1329. if ($("#ui_zdy_size").val().split("*")[0] > 140 && $("#ui_zdy_size").val().split("*")[1] > 140) {
  1330. layer.msg('帆布尺寸超过140cm需要拼接!', {offset: ['300px', '300px']}, function () {
  1331. });
  1332. }
  1333. }
  1334. }
  1335. if (value == 0) {
  1336. if (size.split("*")[1] < 10 || size.split("*")[0] < 10) {
  1337. layer.msg($("select[name='kind2Value'] option:selected").html() + "最小尺寸10*10CM!", {offset: ['300px', '300px']}, function () {
  1338. });
  1339. return false;
  1340. }
  1341. if ((size.split("*")[1] > 120 && size.split("*")[0] > 120)) {
  1342. layer.msg($("select[name='kind2Value'] option:selected").html() + "最大尺寸超过120*120CM需要拼接!", {offset: ['300px', '300px']}, function () {
  1343. });
  1344. }
  1345. }
  1346. if (value == 1) {
  1347. if ($("select[name='kind2Value'] option:selected").val() == 8) {
  1348. if ($("#size").val().split("*")[0] < 4 || $("#size").val().split("*")[1] < 4) {
  1349. layer.msg('静电贴最小尺寸4*4cm!', {offset: ['300px', '300px']}, function () {
  1350. });
  1351. return false;
  1352. }
  1353. if (($("#size").val().split("*")[0] > 500 || $("#size").val().split("*")[1] > 58) && $("#size").val().split("*")[0] > 58 || $("#size").val().split("*")[1] > 500) {
  1354. layer.msg('静电贴最大尺寸500*58cm!', {offset: ['300px', '300px']}, function () {
  1355. });
  1356. return false;
  1357. }
  1358. } else if ($("select[name='kind2Value'] option:selected").val() != 24) {
  1359. if (size.split("*")[1] < 10 || size.split("*")[0] < 10) {
  1360. layer.msg($("select[name='kind2Value'] option:selected").html() + "最小尺寸20*20CM!", {offset: ['300px', '300px']}, function () {
  1361. });
  1362. return false;
  1363. }
  1364. if ((size.split("*")[1] > 120 || size.split("*")[0] > 150) && (size.split("*")[0] > 120 || size.split("*")[1] > 150)) {
  1365. layer.msg($("select[name='kind2Value'] option:selected").html() + "最大尺寸超过150*150CM需要拼接!", {offset: ['300px', '300px']}, function () {
  1366. });
  1367. }
  1368. }
  1369. }
  1370. if (value == 2) {
  1371. if (size.split("*")[1] < 20 || size.split("*")[0] < 20) {
  1372. layer.msg($("select[name='kind2Value'] option:selected").html() + "最小尺寸20*20CM!", {offset: ['300px', '300px']}, function () {
  1373. });
  1374. return false;
  1375. }
  1376. if ((size.split("*")[1] > 150 || size.split("*")[0] > 150) && (size.split("*")[0] > 150 || size.split("*")[1] > 150)) {
  1377. layer.msg($("select[name='kind2Value'] option:selected").html() + "最大尺寸超过150*150CM需要拼接!", {offset: ['300px', '300px']}, function () {
  1378. });
  1379. }
  1380. if ($("select[name='kind2Value'] option:selected").val() == 24 && $("input[name='dengxType']:checked").val() == 0 && $("input[name='switchSize']:checked").length > 0) {
  1381. if (size.indexOf(",") > 0) {
  1382. layer.msg("尺寸格式不正确!", {offset: ['300px', '300px']}, function () {
  1383. });
  1384. return false;
  1385. }
  1386. if ((size.split("*")[1] < 60 || size.split("*")[0] < 30) && (size.split("*")[0] < 60 || size.split("*")[1] < 30)) {
  1387. layer.msg("最小尺寸60*30CM!", {offset: ['300px', '300px']}, function () {
  1388. });
  1389. return false;
  1390. }
  1391. }
  1392. }
  1393. if (value == 3) {
  1394. if ($("select[name='kind2Value'] option:selected").val() == 5) {
  1395. if (size.split("*")[1] < 10 || size.split("*")[0] < 10) {
  1396. layer.msg($("select[name='kind2Value'] option:selected").html() + "最小尺寸10*10CM!", {offset: ['300px', '300px']}, function () {
  1397. });
  1398. return false;
  1399. }
  1400. if ((size.split("*")[1] > 150 || size.split("*")[0] > 150) && (size.split("*")[0] > 150 || size.split("*")[1] > 150)) {
  1401. layer.msg($("select[name='kind2Value'] option:selected").html() + "最大尺寸超过150*150CM需要拼接!", {offset: ['300px', '300px']}, function () {
  1402. });
  1403. }
  1404. } else if ($("select[name='kind2Value'] option:selected").val() == 2 || $("select[name='kind2Value'] option:selected").val() == 6 || $("select[name='kind2Value'] option:selected").val() == 8) {
  1405. if (size.split("*")[1] < 20 || size.split("*")[0] < 20) {
  1406. layer.msg($("select[name='kind2Value'] option:selected").html() + "最小尺寸20*20CM!", {offset: ['300px', '300px']}, function () {
  1407. });
  1408. return false;
  1409. }
  1410. if ((size.split("*")[1] > 150 && size.split("*")[0] > 150)) {
  1411. layer.msg($("select[name='kind2Value'] option:selected").html() + "最大尺寸超过150*150CM需要拼接!", {offset: ['300px', '300px']}, function () {
  1412. });
  1413. }
  1414. } else if ($("select[name='kind2Value'] option:selected").val() == 11) {
  1415. if (size.split("*")[1] < 20 || size.split("*")[0] < 20) {
  1416. layer.msg($("select[name='kind2Value'] option:selected").html() + "最小尺寸20*20CM!", {offset: ['300px', '300px']}, function () {
  1417. });
  1418. return false;
  1419. }
  1420. if ((size.split("*")[1] > 500 || size.split("*")[0] > 500)) {
  1421. layer.msg($("select[name='kind2Value'] option:selected").html() + "最大尺寸超过500*500CM需要拼接!", {offset: ['300px', '300px']}, function () {
  1422. });
  1423. }
  1424. } else if ($("select[name='kind2Value'] option:selected").val() == 13) {
  1425. if (size.split("*")[1] < 20 || size.split("*")[0] < 20) {
  1426. layer.msg($("select[name='kind2Value'] option:selected").html() + "最小尺寸20*20CM!", {offset: ['300px', '300px']}, function () {
  1427. });
  1428. return false;
  1429. }
  1430. if ((size.split("*")[1] > 300 || size.split("*")[0] > 300)) {
  1431. layer.msg($("select[name='kind2Value'] option:selected").html() + "最大尺寸超过300*300CM需要拼接!", {offset: ['300px', '300px']}, function () {
  1432. });
  1433. }
  1434. }
  1435. }
  1436. if (value == 6) {
  1437. if ($("select[name='kind2Value'] option:selected").val() == "旗帜布") {
  1438. let diySizeCoupon = 50;
  1439. if ($("input[name='ui_tf_size']:checked").val() == "on") {
  1440. diySizeCoupon = $("#diySizeCoupon").val()
  1441. }
  1442. if (diySizeCoupon < 17 || $("#bannerSize").val() < 17) {
  1443. layer.msg($("select[name='kind2Value'] option:selected").html() + "最小尺寸17*17CM!", {offset: ['300px', '300px']}, function () {
  1444. });
  1445. return false;
  1446. }
  1447. if (diySizeCoupon > 200 && $("#bannerSize").val() > 200) {
  1448. layer.msg($("select[name='kind2Value'] option:selected").html() + "最大尺寸超过200*200CM需要拼接!", {offset: ['300px', '300px']}, function () {
  1449. });
  1450. }
  1451. }
  1452. }
  1453. var kindData = {
  1454. 0: "制度牌", 1: "室内写真", 2: "户外写真",
  1455. 3: "布", 4: "展架", 5: "刻字", 6: "条幅",
  1456. 7: "贡缎布", 8: "锦旗", 9: "号码布", 10: "帆布", 11: "灯箱"
  1457. };
  1458. // 获取选中单选框和下拉框的值
  1459. var kind = $('input[name="kindValue"]:checked').val();
  1460. var number = $("#number").val();
  1461. $.ajax({
  1462. url: "${path}/getThanSum",
  1463. type: "GET",
  1464. data: $(".big_box form").serialize(),
  1465. success: function (result) {
  1466. if (result.code == 100) {
  1467. layer.msg(result.msg, {offset: ['300px', '300px']}, function () {
  1468. });
  1469. return false;
  1470. }
  1471. var data = result.data.proList;
  1472. // !条幅 && !贡缎布
  1473. if (value != 6 && value != 7) {
  1474. if (value != 4 && value != 5) {
  1475. var size = $("#size").val();
  1476. if (value == 2 && $("#kind2Value option:checked").text() == "户外写真可移白胶、黑胶") {
  1477. if (size.split("*")[0] < 10 || size.split("*")[1] < 10) {
  1478. layer.msg("户外写真可移白胶、黑胶最小尺寸 10*10cm", {offset: ['300px', '300px']}, function () {
  1479. });
  1480. return false;
  1481. }
  1482. }
  1483. } else if (value == 5) {
  1484. var size = $("#keziSize").val();
  1485. if (size > 60) {
  1486. layer.msg("【刻字】单边尺寸不能超过60 cm", {offset: ['300px', '300px']}, function () {
  1487. });
  1488. return false;
  1489. }
  1490. } else {
  1491. var size = ''
  1492. }
  1493. if (value != 5) {
  1494. var kind2 = $("#kind2Value option:checked").text();
  1495. } else {
  1496. var kind2 = ''
  1497. }
  1498. // 制度牌
  1499. var craftList = "";
  1500. if (value == 0) {
  1501. if (kind2 != "背胶单裱3mmPVC(户内高清)") {
  1502. var arr = [];
  1503. $("input:checkbox[name='craft']:checked").each(function (i) {
  1504. // 没有被禁用的工艺加到arr中
  1505. if (!$(this).is(':disabled')) {
  1506. arr.push($(this).val());
  1507. }
  1508. });
  1509. var craftBu = [$('input[name="craftBu"]:checked').val()];
  1510. var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + size + 'cm(同款内容)\n' + "工艺 :" + arr + "\n";
  1511. craftList = craftBu + arr;
  1512. } else {
  1513. var span_result = kindData[kind] + '-' + kind2 + ' - ' + size + 'cm(同款内容)\n';
  1514. }
  1515. } else if (value == 1) { //室内写真
  1516. if (kind2 == "pp纸(室内)") {
  1517. var craftBu = [$('input[name="craftPPZhi"]:checked').val()];
  1518. craftList = craftBu;
  1519. var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + craftBu + ' - ' + size + 'cm(同款内容)\n';
  1520. } else if (kind2 == "直喷PVC") {
  1521. var craftBu = [$('input[name="craftPPZhi"]:checked').val()];
  1522. craftList = craftBu;
  1523. var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + craftBu + ' - ' + size + 'cm(同款内容)\n';
  1524. } else if (kind2 == "软膜") { // 软膜
  1525. var craftBu = [$('input[name="craftRuanMo"]:checked').val()];
  1526. craftList = craftBu
  1527. var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + craftBu + ' - ' + size + 'cm(同款内容)\n';
  1528. } else if (kind2 == "静电贴") {
  1529. var span_result = kindData[kind] + ' - ' + kind2 + ' - 模切 -' + $(".zdt_yin input:checked").val() + ' - ' + size + 'cm(同款内容)\n';
  1530. } else {
  1531. var span_result = kindData[kind] + '-' + kind2 + ' - ' + size + 'cm(同款内容)\n';
  1532. }
  1533. } else if (value == 2) { //户外写真
  1534. if (kind2 == "户外写真灯片") {
  1535. var craftBu = [$('input[name="craftJingcai"]:checked').val()];
  1536. craftList = craftBu;
  1537. var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + craftBu + ' - ' + size + 'cm(同款内容)\n';
  1538. } else if (kind2 == "摆摊软膜灯箱") {
  1539. var craftBu = [$('.dengxiang input[name="craft"]:checked').val()];
  1540. craftList = craftBu;
  1541. var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + craftBu + ' - ' + size + 'cm(同款内容)\n';
  1542. } else {
  1543. var span_result = kindData[kind] + '-' + kind2 + ' - ' + size + 'cm(同款内容)\n';
  1544. }
  1545. } else if (value == 3) { //布
  1546. if (kind2 == "喷绘布") {
  1547. var craftBu = [$('input[name="craftPenHuiBu"]:checked').val()];
  1548. craftList = craftBu;
  1549. var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + craftBu + ' - ' + size + 'cm(同款内容)\n';
  1550. } else if (kind2 == "写真布") {
  1551. var craftBu = [$('input[name="craftJingcai"]:checked').val()];
  1552. craftList = craftBu;
  1553. var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + craftBu + ' - ' + size + 'cm(同款内容)\n';
  1554. } else if (kind2 == "双喷布") {
  1555. var craftBu = [$('input[name="craftBu"]:checked').val()];
  1556. craftList = craftBu;
  1557. var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + craftBu + ' - ' + size + 'cm(同款内容)\n';
  1558. } else if (kind2 == "油画布") {
  1559. var craftBu = [$('input[name="craftJingcai"]:checked').val()];
  1560. craftList = craftBu;
  1561. var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + craftBu + ' - ' + size + 'cm(同款内容)\n';
  1562. } else if (kind2 == "旗帜布") {
  1563. var craftBu = [$('input[name="craftqz"]:checked').val()];
  1564. craftList = craftBu;
  1565. if ($("input[name='craftBu']:checked").val() == "双喷") {
  1566. craftBu += "双喷";
  1567. }
  1568. if ($("input[name='ui_qzb_qg']:checked").val() == "旗杆") {
  1569. craftBu += ",旗杆(" + $("input[name='zheye']").val() + "根)";
  1570. }
  1571. var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + craftBu + ' - ' + size + 'cm(同款内容)\n';
  1572. } else if (kind2 == "桌布") {
  1573. var craftBu = [$('input[name="craftZb"]:checked').val()];
  1574. kind2 = $("#zbKind option:checked").val() + kind2;
  1575. craftList = craftBu
  1576. var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + craftBu + ' - ' + size + 'cm(同款内容)\n';
  1577. } else {
  1578. var span_result = kindData[kind] + '-' + kind2 + ' - ' + size + 'cm(同款内容)\n';
  1579. }
  1580. } else {
  1581. var span_result = kindData[kind] + '-' + kind2 + ' - ' + size + 'cm(同款内容)\n';
  1582. if (value == 8) {// 8:锦旗
  1583. var size = "";
  1584. var kind2 = $("#ui_jq_gy option:checked").text();
  1585. var jqType = $("#ui_qz_name option:checked").text();
  1586. if (jqType == "彩旗") {
  1587. size = $("#ui_cq_size option:checked").text();
  1588. span_result = jqType + '--' + size + 'cm(同款内容)\n';
  1589. } else {
  1590. size = $("#ui_jq_size option:checked").text();
  1591. span_result = kindData[kind] + '-' + kind2 + ' - ' + size + 'cm(同款内容)\n';
  1592. }
  1593. } else if (value == 9) {//9:号码布
  1594. var size = $("#ui_hmb_size option:checked").text();
  1595. var kind2 = $("#ui_hmb_gy option:checked").text();
  1596. span_result = kindData[kind] + '-' + kind2 + ' - ' + size + 'mm(同款内容)\n';
  1597. } else if (value == 10) {//10:帆布
  1598. if ($("input[name='switchSize']:checked").val() == "on") {
  1599. size = $("#ui_zdy_size").val();
  1600. } else {
  1601. size = "100*45";
  1602. }
  1603. var fb_name = $("#ui_fb_name option:selected").text();
  1604. var craft = [];
  1605. $("input:checkbox[name='craft']:checked").each(function (i) {
  1606. // 没有被禁用的工艺加到arr中
  1607. if (!$(this).is(':disabled')) {
  1608. craft.push($(this).val());
  1609. }
  1610. });
  1611. if (craft == "封边" || craft == "打孔") {
  1612. craft = craft + "绳子";
  1613. }
  1614. span_result = kindData[kind] + '-' + fb_name + '-' + craft + ' - ' + size + 'cm(同款内容)\n';
  1615. if ($("input[name='switchSize']:checked").val() != "on") {
  1616. span_result += "(特惠款)";
  1617. }
  1618. }
  1619. }
  1620. let dengxType = $("input[name='dengxType']:checked").val();
  1621. let unit = "个";
  1622. if (dengxType == 1 && value == 2 && kind2 == "摆摊软膜灯箱") {
  1623. unit = "套"
  1624. }
  1625. if (number > 1) {
  1626. if (window.parent.system_isPdd && $("#ui_des").css("display") != "none") {
  1627. let numberType = $("#desType option:selected").text();
  1628. span_result += "款数:" + number + "-" + numberType + "\n";
  1629. }
  1630. for (let i = 0; i < data.length; i++) {
  1631. span_result += number + '款 各' + data[i].count + unit + ",共" + data[i].price + "元" + '\n'
  1632. data[i].number = number;
  1633. }
  1634. } else {
  1635. for (let i = 0; i < data.length; i++) {
  1636. span_result += number + '款 ' + data[i].count + unit + ",共" + data[i].price + "元" + '\n'
  1637. data[i].number = number;
  1638. }
  1639. }
  1640. } else if (value == 6) { // 条幅
  1641. var size = $("#bannerSize").val();
  1642. var width = $("#width option:checked").text();
  1643. if ($("input[name='ui_tf_size']:checked").val() == "on") {
  1644. width = $("#diySizeCoupon").val() + "cm宽幅";
  1645. }
  1646. var kind2 = $("#bannerKind option:checked").text();
  1647. var craftTiao = [$('input[name="craftTiao"]:checked').val()];
  1648. if ($("input[name='ui_tf_qg']:checked").val() == "旗杆") {
  1649. craftTiao += ",旗杆(" + $("input[name='zheye']").val() + "根)"
  1650. }
  1651. if (width == "50cm宽幅") {
  1652. if (size <= 300 && size > 200) {
  1653. craftTiao += "(特惠款)";
  1654. } else if (size == 500) {
  1655. craftTiao += "(特惠款)";
  1656. }
  1657. }
  1658. var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + size + 'cm * ' + width + ' - ' + craftTiao + '\n';
  1659. if (number > 1) {
  1660. for (let i = 0; i < data.length; i++) {
  1661. span_result += number + '款 各' + data[i].count + "条,共" + data[i].price + "元" + '\n'
  1662. data[i].number = number;
  1663. data[i].kindLabel = "条幅"
  1664. }
  1665. } else {
  1666. for (let i = 0; i < data.length; i++) {
  1667. span_result += number + '款 ' + data[i].count + "条,共" + data[i].price + "元" + '\n'
  1668. data[i].number = number;
  1669. data[i].kindLabel = "条幅"
  1670. }
  1671. }
  1672. } else if (value == 7) { // 贡缎布
  1673. var size = $("#stinClothSize").val();
  1674. var kind2 = $("#satinClothKind option:checked").text();
  1675. if ($("input[name='ui_gdb_qg']:checked").val() == "旗杆") {
  1676. kind2 += ",旗杆(" + $("input[name='yaheng']").val() + "根)"
  1677. }
  1678. var span_result = kindData[kind] + ' - ' + kind2 + ' - ' + size + 'cm' + '\n';
  1679. if (number > 1) {
  1680. for (let i = 0; i < data.length; i++) {
  1681. span_result += number + '款 各' + data[i].count + "条,共" + data[i].price + "元" + '\n'
  1682. data[i].number = number;
  1683. data[i].kindLabel = "条幅"
  1684. }
  1685. } else {
  1686. for (let i = 0; i < data.length; i++) {
  1687. span_result += number + '款 ' + data[i].count + "条,共" + data[i].price + "元" + '\n'
  1688. data[i].number = number;
  1689. data[i].kindLabel = "条幅"
  1690. }
  1691. }
  1692. }
  1693. if (value == 10) {
  1694. data[0].kindLabel = "帆布";
  1695. }
  1696. span_result += '包邮,免费设计呢~(偏远地区需补邮费)'
  1697. $("#span_result").val(span_result);
  1698. var count = $("input[name='count']").val();
  1699. count += "个";
  1700. if (kind == 4) {
  1701. var sizeIndex = kind2.indexOf("cm");
  1702. size = kind2.substring(sizeIndex - 6, sizeIndex);
  1703. kind2 = kind2.substring(0, sizeIndex - 6);
  1704. } else if (kind == 5) {
  1705. size += "*0";
  1706. count = $("#count2").val() + "个字";
  1707. } else if (kind == 6) {
  1708. var width = $("#width").val();
  1709. width = width.substring(0, 2);
  1710. size = $("#bannerSize").val() + "*" + width;
  1711. craftList = $("input[name='craftTiao']:checked").val();
  1712. count = $("#count3").val() + "条";
  1713. } else if (kind == 7) {
  1714. count = $("#count4").val() + "张";
  1715. craftList = "";
  1716. } else if (kind == 9) {
  1717. size += "mm";
  1718. } else if (kind == 10) {
  1719. craftList = $("input[name='craft']:checked").val();
  1720. kindData[kind] = "领淘帆布-" + kindData[kind];
  1721. }
  1722. if (kind2 == "高透贴") {
  1723. kind2 += "-" + $("input[name='craftGtt']:checked").val();
  1724. }
  1725. getRemark(kindData[kind], size, count, kind2, number, craftList, "");
  1726. //计算完自动复制文本
  1727. var e = document.getElementById("span_result");//对象是content
  1728. if (e.value != "") {
  1729. e.select();//选择对象
  1730. document.execCommand("Copy");//执行浏览器复制命令
  1731. }
  1732. //生成表格
  1733. table.render({
  1734. elem: '#priceTable',
  1735. even: true, //隔行变色
  1736. data: data, // 赋值已知数据
  1737. width: 500,
  1738. cols: [[
  1739. {
  1740. field: 'number',
  1741. width: '12%',
  1742. align: "center",
  1743. title: '款数'
  1744. }, {
  1745. field: 'count',
  1746. width: '16%',
  1747. align: "center",
  1748. title: '数量'
  1749. }, {
  1750. field: 'price',
  1751. width: '16%',
  1752. align: "center",
  1753. title: '报价'
  1754. },/*{
  1755. field : 'wangwang',
  1756. align : "center",
  1757. width : '16%',
  1758. title : '折扣价',
  1759. templet : function(d) {
  1760. if(d.kindLabel == "帆布" || d.kindLabel == "条幅"){
  1761. return Math.ceil(d.price)
  1762. }
  1763. return Math.ceil(d.price * 0.95)
  1764. }
  1765. },{
  1766. field : 'wangwang',
  1767. align : "center",
  1768. width : '19%',
  1769. title : '跳楼价',
  1770. templet : function(d) {
  1771. if(d.kindLabel == "帆布" || d.kindLabel == "条幅"){
  1772. return Math.ceil(d.price);
  1773. }
  1774. return Math.ceil(d.price * 0.93)
  1775. }
  1776. },*/{
  1777. field: 'weight',
  1778. width: '21%',
  1779. align: "center",
  1780. title: '重量(kg)'
  1781. }
  1782. ]],
  1783. done: function () {
  1784. }
  1785. });
  1786. }
  1787. });
  1788. return false;
  1789. });
  1790. });
  1791. </script>
  1792. </html>