add_shop.html 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756
  1. {extend name="base"/}
  2. {block name="resources"}
  3. <style>
  4. .required { margin-right: 3px; }
  5. .ns-check-member { position: relative; }
  6. .ns-check-member .layui-btn { position: absolute; top: 0; right: 1px; border-color: #e5e5e5; padding: 0 10px; border-right: 0; }
  7. .ns-store-company, .ns-pay-company, .ns-pay-alipay, .ns-shop-own { display: none; }
  8. /* 关联会员 */
  9. .ns-search-result { border: 1px solid; padding: 15px 30px 15px 15px; display: flex; align-items: center; position: relative;margin-top:10px; }
  10. .ns-search-res-img { width: 50px; height: 50px; margin-right: 5px; text-align: center; line-height: 50px; }
  11. .ns-search-res-img img { max-width: 100%; max-height: 100%; }
  12. .ns-search-res-intro p { line-height: 24px; }
  13. .ns-search-res-close { position: absolute; top: 5px; right: 5px; }
  14. .ns-card-common:first-of-type {margin-top: 0;}
  15. .ns-form-row {margin-top: 0;}
  16. .ns-check-member .layui-input:focus+.layui-btn {border-color: #4685FD;}
  17. .ns-store-company, .ns-pay-company{margin-top: 10px;}
  18. </style>
  19. {/block}
  20. {block name="main"}
  21. <div class="layui-form">
  22. <!-- 店铺信息 -->
  23. <div class="layui-card ns-card-common ns-card-brief">
  24. <div class="layui-card-header">
  25. <span class="ns-card-title">店铺信息</span>
  26. </div>
  27. <div class="layui-card-body">
  28. <div class="layui-form-item">
  29. <label class="layui-form-label"><span class="required">*</span>店铺名称:</label>
  30. <div class="layui-input-block">
  31. <input name="site_name" type="text" lay-verify="required" class="layui-input ns-len-long" autocomplete="off">
  32. </div>
  33. </div>
  34. <div class="layui-form-item">
  35. <label class="layui-form-label"><span class="required">*</span>主营行业:</label>
  36. <div class="layui-input-block ns-len-mid">
  37. <select class="ns-category" name="category_id" lay-verify="required">
  38. <option value="">选择主营行业</option>
  39. {volist name="$shop_category_list" id="category"}
  40. <option value="{$category.category_id}">{$category.category_name}</option>
  41. {/volist}
  42. </select>
  43. </div>
  44. </div>
  45. <div class="layui-form-item">
  46. <label class="layui-form-label"><span class="required">*</span>关联品牌:</label>
  47. <div class="layui-input-block ns-len-mid">
  48. <select class="ns-category" name="brand_id" lay-verify="required">
  49. <option value="">选择主营行业</option>
  50. {volist name="$brand_list" id="brand"}
  51. <option value="{$brand.brand_id}">{$brand.brand_name}</option>
  52. {/volist}
  53. </select>
  54. </div>
  55. </div>
  56. <!--是否为自营-->
  57. <div class="layui-form-item">
  58. <label class="layui-form-label">是否自营:</label>
  59. <div class="layui-input-block" id="is_own">
  60. <input type="radio" name="is_own" lay-filter="is_own" value="0" title="否" checked>
  61. <input type="radio" name="is_own" lay-filter="is_own" value="1" title="是" >
  62. </div>
  63. </div>
  64. <!-- 商家主营等级 -->
  65. <div class="layui-form-item ns-shop-is-own">
  66. <label class="layui-form-label"><span class="required">*</span>开店套餐:</label>
  67. <div class="layui-input-block ns-len-mid">
  68. <select class="ns-group" name="no_group_id" lay-verify="required" lay-filter="group">
  69. <option value=""></option>
  70. {volist name="$shop_group_list" id="group"}
  71. <option value="{$group.group_id}" title="{$group.is_own}">{$group.group_name}</option>
  72. {/volist}
  73. </select>
  74. </div>
  75. </div>
  76. <!-- 商家自营等级 -->
  77. <div class="layui-form-item ns-shop-own">
  78. <label class="layui-form-label"><span class="required">*</span>开店套餐:</label>
  79. <div class="layui-input-block ns-len-mid">
  80. <select class="ns-group" name="group_id" lay-filter="group">
  81. <option value=""></option>
  82. {volist name="$shop_own_group" id="group"}
  83. <option value="{$group.group_id}" title="{$group.is_own}">{$group.group_name}</option>
  84. {/volist}
  85. </select>
  86. </div>
  87. </div>
  88. <div class="layui-form-item ns-shop-time">
  89. <label class="layui-form-label"><span class="required">*</span>入驻时长:</label>
  90. <div class="layui-input-block ns-len-mid">
  91. <select name="year" lay-verify="required">
  92. <option value="">选择入驻时长</option>
  93. <option value="1">一年</option>
  94. <option value="2">二年</option>
  95. <option value="3">三年</option>
  96. <option value="4">四年</option>
  97. <option value="5">五年</option>
  98. </select>
  99. </div>
  100. </div>
  101. </div>
  102. </div>
  103. <!-- 申请类型 -->
  104. <div class="layui-card ns-card-common ns-card-brief">
  105. <div class="layui-card-header">
  106. <span class="ns-card-title">申请类型</span>
  107. </div>
  108. <div class="layui-card-body">
  109. <div class="layui-form-item">
  110. <label class="layui-form-label">申请类型:</label>
  111. <div class="layui-input-block" id="cert_type">
  112. <input type="radio" name="cert_type" lay-filter="certType" value="1" title="个人店铺" checked>
  113. <input type="radio" name="cert_type" lay-filter="certType" value="2" title="企业店铺" >
  114. </div>
  115. </div>
  116. </div>
  117. </div>
  118. <!-- 企业店铺独有 -->
  119. <div class="ns-store-company">
  120. <!-- 企业信息 -->
  121. <div class="layui-card ns-card-common ns-card-brief">
  122. <div class="layui-card-header">
  123. <span class="ns-card-title">企业信息</span>
  124. </div>
  125. <div class="layui-card-body">
  126. <div class="layui-form-item">
  127. <label class="layui-form-label">公司名称:</label>
  128. <div class="layui-input-block">
  129. <input name="company_name" type="text" class="layui-input ns-len-long" autocomplete="off">
  130. </div>
  131. </div>
  132. <div class="layui-form-item" data-flag="area">
  133. <label class="layui-form-label">公司地址:</label>
  134. <div class="layui-input-inline ns-len-mid">
  135. <select name="company_province_id" data-type="province" data-init="" lay-filter="comProvince"></select>
  136. </div>
  137. <div class="layui-input-inline ns-len-mid">
  138. <select name="company_city_id" data-type="city" data-init="" lay-filter="comCity"></select>
  139. </div>
  140. <div class="layui-input-inline ns-len-mid">
  141. <select name="company_district_id" data-type="district" data-init="" lay-filter="comDistrict"></select>
  142. </div>
  143. </div>
  144. <div class="layui-form-item" data-flag="area">
  145. <label class="layui-form-label">详细地址:</label>
  146. <div class="layui-input-inline">
  147. <input name="company_address" type="text" placeholder="请输入详细地址" class="layui-input ns-len-mid" autocomplete="off">
  148. </div>
  149. </div>
  150. </div>
  151. </div>
  152. </div>
  153. <!-- 公共部分 -->
  154. <!-- 联系人信息 -->
  155. <div class="layui-card ns-card-common ns-card-brief">
  156. <div class="layui-card-header">
  157. <span class="ns-card-title">联系人信息</span>
  158. </div>
  159. <div class="layui-card-body">
  160. <div class="layui-form-item">
  161. <label class="layui-form-label ns-company-name">联系人姓名:</label>
  162. <div class="layui-input-inline">
  163. <input name="contacts_name" type="text" class="layui-input ns-len-long" autocomplete="off">
  164. </div>
  165. </div>
  166. <div class="layui-form-item">
  167. <label class="layui-form-label ns-company-phone">联系人手机:</label>
  168. <div class="layui-input-block">
  169. <input name="contacts_mobile" type="text" lay-verify="mobile" class="layui-input ns-len-long" autocomplete="off">
  170. </div>
  171. <span class="ns-word-aux">请填写有效的手机号,如有问题可通过该手机号联系到商家</span>
  172. </div>
  173. </div>
  174. </div>
  175. <!-- 营业执照 税务 -->
  176. <!-- 企业店铺独有 -->
  177. <div class="ns-store-company">
  178. <div class="layui-card ns-card-common ns-card-brief">
  179. <div class="layui-card-header">
  180. <span class="ns-card-title">企业资质</span>
  181. </div>
  182. <div class="layui-card-body">
  183. <div class="layui-form-item">
  184. <label class="layui-form-label">统一社会信用码:</label>
  185. <div class="layui-input-block">
  186. <input name="business_licence_number" type="text" class="layui-input ns-len-long" autocomplete="off">
  187. </div>
  188. <span class="ns-word-aux">请填写三证合一之后的营业执照上的统一社会信用代码</span>
  189. </div>
  190. <div class="layui-form-item">
  191. <label class="layui-form-label img-upload-lable">营业执照电子版:</label>
  192. <div class="layui-input-block img-upload">
  193. <input type="hidden" class="layui-input" name="business_licence_number_electronic" />
  194. <div class="upload-img-block icon">
  195. <div class="upload-img-box" id="license">
  196. <div class="ns-upload-default">
  197. <img src="__STATIC__/img/upload_img.png" />
  198. <p>点击上传</p>
  199. </div>
  200. </div>
  201. </div>
  202. </div>
  203. <span class="ns-word-aux">请上传营业执照传真图片或者照片,营业执照包括边框内容要全部显示,不能遮挡</span>
  204. </div>
  205. <div class="layui-form-item">
  206. <label class="layui-form-label">法定经营范围:</label>
  207. <div class="layui-input-block ns-len-long">
  208. <textarea name="business_sphere" class="layui-textarea"></textarea>
  209. </div>
  210. <span class="ns-word-aux">经营范围(可填写营业执照上的经营范围内容)</span>
  211. </div>
  212. <!-- <div class="layui-form-item">
  213. <label class="layui-form-label">税务登记证号:</label>
  214. <div class="layui-input-block">
  215. <input name="tax_registration_certificate" type="text" class="layui-input ns-len-long" autocomplete="off">
  216. </div>
  217. <span class="ns-word-aux">税务登记证号即为三证合一之后的营业执照上的统一社会信用代码,三证合一之前为税务登记证上的编码</span>
  218. </div>
  219. <div class="layui-form-item">
  220. <label class="layui-form-label img-upload-lable">税务登记证电子版:</label>
  221. <div class="layui-input-block img-upload">
  222. <input type="hidden" class="layui-input" name="tax_registration_certificate_electronic" />
  223. <div class="upload-img-block icon">
  224. <div class="upload-img-box" id="taxlicense">
  225. <div class="ns-upload-default">
  226. <img src="__STATIC__/img/upload_img.png" />
  227. <p>点击上传</p>
  228. </div>
  229. </div>
  230. </div>
  231. </div>
  232. <span class="ns-word-aux">税务登记证传真图片或者照片,包括边框在内的内容都需要显示</span>
  233. </div> -->
  234. </div>
  235. </div>
  236. </div>
  237. <!-- 身份证件 -->
  238. <div class="layui-card ns-card-common ns-card-brief">
  239. <div class="layui-card-header">
  240. <span class="ns-card-title">联系人身份证件</span>
  241. </div>
  242. <div class="layui-card-body">
  243. <div class="layui-form-item">
  244. <label class="layui-form-label ns-company-ident">联系人身份证号:</label>
  245. <div class="layui-input-inline">
  246. <input name="contacts_card_no" type="text" lay-verify="idcard" class="layui-input ns-len-long" autocomplete="off">
  247. </div>
  248. </div>
  249. <div class="layui-form-item">
  250. <label class="layui-form-label img-upload-lable ns-company-pic-front">申请人身份证正面:</label>
  251. <div class="layui-input-block img-upload">
  252. <input type="hidden" class="layui-input" name="contacts_card_electronic_2" />
  253. <div class="upload-img-block icon">
  254. <div class="upload-img-box" id="idCardPicFront">
  255. <div class="ns-upload-default">
  256. <img src="__STATIC__/img/upload_img.png" />
  257. <p>点击上传</p>
  258. </div>
  259. </div>
  260. </div>
  261. </div>
  262. <span class="ns-word-aux">上传申请人身份证正面,即有本人照片与身份证号的那一面</span>
  263. </div>
  264. <div class="layui-form-item">
  265. <label class="layui-form-label img-upload-lable ns-company-pic-back">申请人身份证反面:</label>
  266. <div class="layui-input-block img-upload">
  267. <input type="hidden" class="layui-input" name="contacts_card_electronic_3" />
  268. <div class="upload-img-block icon">
  269. <div class="upload-img-box" id="idCardPicBack">
  270. <div class="ns-upload-default">
  271. <img src="__STATIC__/img/upload_img.png" />
  272. <p>点击上传</p>
  273. </div>
  274. </div>
  275. </div>
  276. </div>
  277. <span class="ns-word-aux">上传申请人身份证反面,即有身份登记地址的那一面</span>
  278. </div>
  279. </div>
  280. </div>
  281. <!-- 对公账户信息 -->
  282. <!-- 企业店铺独有 -->
  283. <div class="ns-pay-company">
  284. <div class="layui-card ns-card-common ns-card-brief">
  285. <div class="layui-card-header">
  286. <span class="ns-card-title">对公账户</span>
  287. </div>
  288. <div class="layui-card-body">
  289. <div class="layui-form-item">
  290. <label class="layui-form-label"><span class="required">*</span>银行开户名:</label>
  291. <div class="layui-input-block">
  292. <input name="bank_account_name" type="text" class="layui-input ns-len-long" autocomplete="off">
  293. </div>
  294. </div>
  295. <div class="layui-form-item">
  296. <label class="layui-form-label"><span class="required">*</span>公司银行账号:</label>
  297. <div class="layui-input-inline">
  298. <input name="bank_account_number" type="text" class="layui-input ns-len-long" autocomplete="off">
  299. </div>
  300. </div>
  301. <div class="layui-form-item">
  302. <label class="layui-form-label"><span class="required">*</span>开户银行名称:</label>
  303. <div class="layui-input-inline">
  304. <input name="bank_name" type="text" class="layui-input ns-len-long" autocomplete="off">
  305. </div>
  306. </div>
  307. <div class="layui-form-item" data-flag="area">
  308. <label class="layui-form-label"><span class="required">*</span>开户银行所在地:</label>
  309. <div class="layui-input-inline ns-len-mid">
  310. <select class="bank-province" data-type="province" data-init="" lay-filter="bankProvince"></select>
  311. </div>
  312. <div class="layui-input-inline ns-len-mid">
  313. <select class="bank-city" data-type="city" data-init="" lay-filter="bankCity"></select>
  314. </div>
  315. <div class="layui-input-inline ns-len-mid">
  316. <select class="bank-district" data-type="district" data-init="" lay-filter="bankDistrict"></select>
  317. </div>
  318. </div>
  319. </div>
  320. </div>
  321. </div>
  322. <!-- 结算信息 -->
  323. <div class="layui-card ns-card-common ns-card-brief">
  324. <div class="layui-card-header">
  325. <span class="ns-card-title">结算账户</span>
  326. </div>
  327. <div class="layui-card-body">
  328. <div class="layui-form-item">
  329. <label class="layui-form-label">结算账户类型:</label>
  330. <div class="layui-input-inline ns-len-mid">
  331. <input type="radio" name="bank_type" lay-filter="payType" value="1" title="银行卡" checked>
  332. <input type="radio" name="bank_type" lay-filter="payType" value="2" title="支付宝" >
  333. </div>
  334. </div>
  335. <!--银行卡-->
  336. <div class="ns-pay-bank">
  337. <div class="layui-form-item">
  338. <label class="layui-form-label ns-pay-alipay-name"><span class="required">*</span>结算银行开户名:</label>
  339. <div class="layui-input-inline">
  340. <input name="settlement_bank_account_name" id="settlement_bank_account_name" lay-verify="required" type="text" class="layui-input ns-len-long" autocomplete="off">
  341. </div>
  342. </div>
  343. <div class="layui-form-item">
  344. <label class="layui-form-label ns-pay-alipay-account"><span class="required">*</span>结算公司银行账号:</label>
  345. <div class="layui-input-inline">
  346. <input name="settlement_bank_account_number" id="settlement_bank_account_number" lay-verify="required" type="text" lay-verify="required" class="layui-input ns-len-long" autocomplete="off">
  347. </div>
  348. </div>
  349. <div class="layui-form-item">
  350. <label class="layui-form-label"><span class="required">*</span>结算开户银行名称:</label>
  351. <div class="layui-input-inline">
  352. <input name="settlement_bank_name" id="settlement_bank_name" type="text" class="layui-input ns-len-long" autocomplete="off" lay-verify="required">
  353. </div>
  354. </div>
  355. <div class="layui-form-item" data-flag="area">
  356. <label class="layui-form-label"><span class="required">*</span>结算开户银行所在地:</label>
  357. <div class="layui-input-inline ns-len-mid">
  358. <select data-type="province" data-init="" lay-filter="bankProvSecond" lay-verify="bankprovince"></select>
  359. </div>
  360. <div class="layui-input-inline ns-len-mid">
  361. <select data-type="city" data-init="" lay-filter="bankCitySecond" lay-verify="bankcity"></select>
  362. </div>
  363. <div class="layui-input-inline ns-len-mid">
  364. <select data-type="district" data-init="" lay-filter="bankDisSecond" lay-verify="bankdistrict"></select>
  365. </div>
  366. </div>
  367. </div>
  368. <!-- 支付宝 -->
  369. <div class="ns-pay-zfb" style="display: none">
  370. <div class="layui-form-item">
  371. <label class="layui-form-label ns-pay-alipay-name"><span class="required">*</span>支付宝用户名:</label>
  372. <div class="layui-input-inline">
  373. <input name="zfb_settlement_bank_account_name" id="settlement_zfb_account_name" type="text" class="layui-input ns-len-long" autocomplete="off">
  374. </div>
  375. </div>
  376. <div class="layui-form-item">
  377. <label class="layui-form-label ns-pay-alipay-account"><span class="required">*</span>支付宝账号:</label>
  378. <div class="layui-input-inline">
  379. <input name="zfb_settlement_bank_account_number" id="settlement_zfb_account_number" type="text" class="layui-input ns-len-long" autocomplete="off">
  380. </div>
  381. </div>
  382. </div>
  383. </div>
  384. </div>
  385. <!-- 个人信息 -->
  386. <div class="layui-card ns-card-common ns-card-brief">
  387. <div class="layui-card-header">
  388. <span class="ns-card-title">用户信息</span>
  389. </div>
  390. <div class="layui-card-body">
  391. <div class="layui-form-item">
  392. <label class="layui-form-label"><span class="required">*</span>商家登录用户名:</label>
  393. <div class="layui-input-ns">
  394. <input name="username" type="text" lay-verify="required" class="layui-input ns-len-long" autocomplete="off">
  395. </div>
  396. <span class="ns-word-aux">用于登录商家后台</span>
  397. </div>
  398. <div class="layui-form-item">
  399. <label class="layui-form-label"><span class="required">*</span>商家登录密码:</label>
  400. <div class="layui-input-inline">
  401. <input name="password" type="text" lay-verify="required" class="layui-input ns-len-long" autocomplete="off">
  402. </div>
  403. </div>
  404. </div>
  405. </div>
  406. <div class="ns-single-filter-box">
  407. <div class="ns-form-row">
  408. <button class="layui-btn ns-bg-color" lay-submit lay-filter="save">保存</button>
  409. <button class="layui-btn layui-btn-primary" onclick="back()">返回</button>
  410. </div>
  411. </div>
  412. <!-- 隐藏域 -->
  413. <input type="hidden" name="contacts_card_electronic_2" /> <!-- 身份证正面 -->
  414. <input type="hidden" name="contacts_card_electronic_3" /> <!-- 身份证反面 -->
  415. <input type="hidden" name="business_licence_number_electronic" /> <!-- 营业执照电子版 -->
  416. <!-- <input type="hidden" name="tax_registration_certificate_electronic" /> --> <!-- 税务登记证号电子版 -->
  417. </div>
  418. {/block}
  419. {block name="script"}
  420. <script src="ADMIN_JS/address.js"></script>
  421. <script>
  422. layui.use(['form', 'upload'], function() {
  423. var form = layui.form,
  424. $ = layui.jquery,
  425. payType = 1, //结算类型
  426. autotrophy = 0,//自营类型
  427. upload = layui.upload,
  428. repeat_flag = false; //防重复标识
  429. form.render();
  430. initArea(form); //三级联动初始化
  431. // 申请人身份证正面
  432. var uploadInst = upload.render({
  433. elem: '#idCardPicFront',
  434. url: ns.url("admin/upload/upload"),
  435. done: function(res) {
  436. if (res.code >= 0) {
  437. $("input[name='contacts_card_electronic_2']").val(res.data.pic_path);
  438. $("#idCardPicFront").html("<img src=" + ns.img(res.data.pic_path) + " >");
  439. }
  440. return layer.msg(res.message);
  441. }
  442. });
  443. // 申请人身份证反面
  444. var uploadInst = upload.render({
  445. elem: '#idCardPicBack',
  446. url: ns.url("admin/upload/upload"),
  447. done: function(res) {
  448. if (res.code >= 0) {
  449. $("input[name='contacts_card_electronic_3']").val(res.data.pic_path);
  450. $("#idCardPicBack").html("<img src=" + ns.img(res.data.pic_path) + " >");
  451. }
  452. return layer.msg(res.message);
  453. }
  454. });
  455. //营业执照电子版
  456. var uploadInst = upload.render({
  457. elem: '#license',
  458. url: ns.url("admin/upload/upload"),
  459. done: function(res) {
  460. if (res.code >= 0) {
  461. $("input[name='business_licence_number_electronic']").val(res.data.pic_path);
  462. $("#license").html("<img src=" + ns.img(res.data.pic_path) + " >");
  463. }
  464. return layer.msg(res.message);
  465. }
  466. });
  467. //税务登记证电子版
  468. var uploadInst = upload.render({
  469. elem: '#taxlicense',
  470. url: ns.url("admin/upload/upload"),
  471. done: function(res) {
  472. if (res.code >= 0) {
  473. $("input[name='tax_registration_certificate_electronic']").val(res.data.pic_path);
  474. $("#taxlicense").html("<img src=" + ns.img(res.data.pic_path) + " >");
  475. }
  476. return layer.msg(res.message);
  477. }
  478. });
  479. /**
  480. * 监听提交
  481. */
  482. form.on('submit(save)', function(data) {
  483. var bank_address = '', settlement_bank_address = '';
  484. data.field.category_name = $("select[name=category_id] option:selected").text();
  485. data.field.group_name = $("select[name=group_id] option:selected").text();
  486. data.field.brand_name = $("select[name=brand_id] option:selected").text();
  487. if(autotrophy == 0){
  488. data.field.group_name = $("select[name=no_group_id] option:selected").text();
  489. data.field.group_id = data.field.no_group_id;
  490. }
  491. //对公账户
  492. bank_address += $("select[lay-filter=bankProvince] option:selected").text();
  493. bank_address += $("select[lay-filter=bankCity] option:selected").text();
  494. bank_address += $("select[lay-filter=bankDistrict] option:selected").text();
  495. data.field.bank_address = bank_address;
  496. //结算账户
  497. settlement_bank_address += $("select[lay-filter='bankProvSecond'] option:selected").text();
  498. settlement_bank_address += $("select[lay-filter='bankCitySecond'] option:selected").text();
  499. settlement_bank_address += $("select[lay-filter='bankDisSecond'] option:selected").text();
  500. data.field.settlement_bank_address = settlement_bank_address;
  501. if(payType == 2){
  502. data.field.settlement_bank_account_name = data.field.zfb_settlement_bank_account_name;
  503. data.field.settlement_bank_account_number = data.field.zfb_settlement_bank_account_number;
  504. }
  505. if (repeat_flag) return false;
  506. repeat_flag = true;
  507. //添加
  508. $.ajax({
  509. type: 'POST',
  510. url: ns.url("admin/shop/addShop"),
  511. data: data.field,
  512. dataType: 'JSON',
  513. success: function(res) {
  514. repeat_flag = false;
  515. if (res.code == 0) {
  516. layer.confirm('添加成功', {
  517. title:'操作提示',
  518. btn: ['返回列表', '继续添加'],
  519. yes: function(){
  520. location.href = ns.url("admin/shop/lists")
  521. },
  522. btn2: function() {
  523. location.href = ns.url("admin/shop/addShop")
  524. }
  525. });
  526. } else {
  527. layer.msg(res.message);
  528. }
  529. }
  530. });
  531. });
  532. /**
  533. * select监听
  534. */
  535. form.on('radio(is_own)', function(data) { //店铺等级中如果is_own=1,则入驻时长可以不填,否则必选
  536. autotrophy = data.value;
  537. //判断入驻时长是否必填,如果分组is_own=1 不必填 0 必填
  538. if (autotrophy == 0) {
  539. $(".ns-shop-time").show();
  540. $(".ns-shop-is-own").show();
  541. $(".ns-shop-own").hide();
  542. $(".ns-shop-time select").attr("lay-verify", "required");
  543. $(".ns-shop-is-own .ns-group").attr("lay-verify", "required");
  544. $(".ns-shop-own .ns-group").removeAttr("lay-verify");
  545. } else {
  546. $(".ns-shop-time").hide();
  547. $(".ns-shop-is-own").hide();
  548. $(".ns-shop-own").show();
  549. $(".ns-shop-time select").removeAttr("lay-verify");
  550. $(".ns-shop-is-own .ns-group").removeAttr("lay-verify");
  551. $(".ns-shop-own .ns-group").attr("lay-verify", "required");
  552. }
  553. });
  554. form.on('radio(certType)', function(data) { //为企业店铺时,显示企业独有部分,否则隐藏
  555. var value = data.value;
  556. if (value == 1) {
  557. $(".ns-store-company").hide();
  558. $(".ns-pay-company").hide();
  559. $(".ns-company-person").text("联系人信息");
  560. $(".ns-company-name").text("联系人姓名");
  561. $(".ns-company-phone").text("联系人电话");
  562. $(".ns-company-identity").text("联系人身份证件");
  563. $(".ns-company-ident").text("联系人身份证号");
  564. $(".ns-company-pic-front").text("申请人身份证正面");
  565. $(".ns-company-pic-back").text("申请人身份证反面");
  566. } else {
  567. $(".ns-store-company").show();
  568. $(".ns-pay-company").show();
  569. $(".ns-company-person").text("法人代表信息:");
  570. $(".ns-company-name").text("法人姓名:");
  571. $(".ns-company-phone").text("法人联系电话:");
  572. $(".ns-company-identity").text("法人身份证件:");
  573. $(".ns-company-ident").text("法人身份证号:");
  574. $(".ns-company-pic-front").text("法人身份证正面:");
  575. $(".ns-company-pic-back").text("法人身份证反面:");
  576. }
  577. });
  578. form.on('radio(payType)', function(data) { //判断支付方式,显示对应的表单
  579. payType = data.value;
  580. if (payType == 1) {
  581. $(".ns-pay-zfb").hide();
  582. $(".ns-pay-bank").show();
  583. $("#settlement_zfb_account_name").attr("lay-verify", "");
  584. $("#settlement_zfb_account_number").attr("lay-verify", "");
  585. $("#settlement_bank_account_name").attr("lay-verify", "required");
  586. $("#settlement_bank_account_number").attr("lay-verify", "required");
  587. $("#settlement_bank_name").attr("lay-verify", "required");
  588. $('.ns-pay-bank [data-type="province"]').attr("lay-verify", "bankprovince");
  589. $('.ns-pay-bank [data-type="city"]').attr("lay-verify", "bankcity");
  590. $('.ns-pay-bank [data-type="district"]').attr("lay-verify", "bankdistrict");
  591. form.render("select");
  592. } else {
  593. $(".ns-pay-bank").hide();
  594. $(".ns-pay-zfb").show();
  595. $("#settlement_zfb_account_name").attr("lay-verify", "required");
  596. $("#settlement_zfb_account_number").attr("lay-verify", "required");
  597. $("#settlement_bank_account_name").attr("lay-verify", "");
  598. $("#settlement_bank_account_number").attr("lay-verify", "");
  599. $("#settlement_bank_name").attr("lay-verify", "");
  600. $('.ns-pay-bank [data-type="province"]').attr("lay-verify", "");
  601. $('.ns-pay-bank [data-type="city"]').attr("lay-verify", "");
  602. $('.ns-pay-bank [data-type="district"]').attr("lay-verify", "");
  603. }
  604. });
  605. /**
  606. * 表单验证
  607. */
  608. form.verify({
  609. mobile: function(value) {
  610. var reg = /^1([38][0-9]|4[579]|5[0-3,5-9]|6[6]|7[0135678]|9[89])\d{8}$/;
  611. if (value == '') {
  612. return;
  613. }
  614. if (!reg.test(value)) {
  615. return '请输入正确的手机号码!';
  616. }
  617. },
  618. idcard: function(value) {
  619. var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
  620. if (value == '') {
  621. return;
  622. }
  623. if (!reg.test(value)) {
  624. return '请输入正确的身份证号!';
  625. }
  626. },
  627. bankprovince: function(value){
  628. if (value == -1) return '请选择省';
  629. },
  630. bankcity: function(value){
  631. if (value == -1) return '请选择市';
  632. },
  633. bankdistrict: function(value, item){
  634. if (value == -1 && $(item).find('option').length > 1) return '请选择区县';
  635. },
  636. });
  637. });
  638. /**
  639. * 点击搜索
  640. */
  641. var repeat_flag = false;
  642. var html, val;
  643. function checkMember() {
  644. var parent = $(".ns-check-member");
  645. var con = parent.find(".ns-member-name").val();
  646. $(".layui-word-aux").remove();
  647. $(".ns-search-result").remove();
  648. if (repeat_flag) return false;
  649. repeat_flag = true;
  650. if (con == "" || con == null || con.trim() == "") {
  651. repeat_flag = false;
  652. } else {
  653. $.ajax({
  654. type: 'POST',
  655. url: ns.url("admin/member/searchMember"),
  656. data: {
  657. 'search_text': con
  658. },
  659. dataType: 'JSON',
  660. success: function(res) {
  661. layer.msg(res.message);
  662. repeat_flag = false;
  663. if (res.data == null) {
  664. html = '<span class="layui-word-aux">未找到该用户</span>';
  665. val = res.data;
  666. } else {
  667. html = '<div class="ns-search-result layui-input-inline ns-border-color-gray">' +
  668. '<div class="ns-search-res-img">' +
  669. '<img src="' + ns.img(res.data.headimg) + '" />' +
  670. '</div>' +
  671. '<div class="ns-search-res-intro">' +
  672. '<p>用户名:' + res.data.username + '</p>' +
  673. '<p>电话:' + res.data.mobile + '</p>' +
  674. '</div>' +
  675. '<div class="ns-search-res-close" onclick="closeMember()">' +
  676. '<i class="iconfont iconclose_light"></i>' +
  677. '</div>' +
  678. '</div>';
  679. val = res.data.member_id;
  680. }
  681. $(".ns-member-id").attr("value", val);
  682. $(".ns-check-member").append(html);
  683. }
  684. });
  685. }
  686. }
  687. function closeMember() {
  688. $(".ns-search-result").hide();
  689. }
  690. function back() {
  691. location.href = ns.url("admin/shop/lists");
  692. }
  693. </script>
  694. {/block}