registerCksbdw.jsp 48 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204
  1. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  2. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  3. <html>
  4. <head>
  5. <title>Title</title>
  6. <jsp:include page="../common/common-meta-include.jsp"></jsp:include>
  7. <jsp:include page="../common/common-js-include.jsp"></jsp:include>
  8. <jsp:include page="../common/common-css-include.jsp"></jsp:include>
  9. <link rel="stylesheet" type="text/css" href="${WebSite.asset}/lib/layui-v2.5.5/css/layui.css?version=${version}" media="all"/>
  10. <link rel="stylesheet" href="${WebSite.asset}/lib/vuejs/myvue.css" />
  11. <link rel="stylesheet" href="${WebSite.asset}/css/style.css" />
  12. <link rel="stylesheet" href="${WebSite.asset}/css/register.css?version=${version}" />
  13. <style type="text/css">
  14. .clickDiv{
  15. width: 85px;
  16. position: absolute;
  17. margin-left: 370px;
  18. margin-top: -28px;
  19. cursor: pointer;
  20. }
  21. </style>
  22. </head>
  23. <body>
  24. <div id="app">
  25. <input type="hidden" id="id" value="${id}"/>
  26. <input type="hidden" id="is" value="${is}"/>
  27. <div class="title">
  28. <form class="layui-form">
  29. <div class="option_card">
  30. <div class="card_title">项目单位信息</div>
  31. <div class="layui-colla-content layui-show detail" style="height: auto;">
  32. <div class="table_box">
  33. <div class="layui-row">
  34. <div class="layui-col-xs6 layui-col-sm6">
  35. <div class="layui-form-item">
  36. <label class="layui-form-label required form_label" >单位简称</label>
  37. <div class="layui-input-block form_input" >
  38. <input type="text" required placeholder="请输入" autocomplete="off" readonly="readonly" class="layui-input" v-model="junit.titleAbb">
  39. </div>
  40. </div>
  41. </div>
  42. </div>
  43. <div class="layui-row">
  44. <div class="layui-form-item" data-toggle="distpicker">
  45. <label class="layui-form-label form_label">所在地</label>
  46. <div class="layui-input-inline">
  47. <select
  48. name="province"
  49. lay-filter="province"
  50. id="province"
  51. data-province="新疆维吾尔自治区"
  52. disabled="disabled"
  53. >
  54. <option value="" data-code="">---- 所在省 ----</option>
  55. </select>
  56. </div>
  57. <div class="layui-input-inline">
  58. <select
  59. name="city"
  60. lay-filter="city"
  61. id="city"
  62. data-city="哈密市"
  63. disabled="disabled"
  64. >
  65. <option value="" data-code="">---- 所在市 ----</option>
  66. </select>
  67. </div>
  68. <div class="layui-input-inline">
  69. <select
  70. name="district"
  71. lay-filter="district"
  72. id="district"
  73. v-model="junit.area"
  74. disabled
  75. >
  76. <option value="" data-code="">---- 所在区 ----</option>
  77. </select>
  78. </div>
  79. </div>
  80. </div>
  81. <div class="layui-row">
  82. <div class="layui-col-xs6 layui-col-sm6">
  83. <div class="layui-form-item">
  84. <label class="layui-form-label required form_label" >通信地址</label>
  85. <div class="layui-input-block form_input" >
  86. <input type="text" required readonly="readonly" placeholder="请输入" autocomplete="off" class="layui-input" v-model="junit.addre">
  87. </div>
  88. </div>
  89. </div>
  90. </div>
  91. <div class="layui-row">
  92. <div class="layui-col-xs6 layui-col-sm6">
  93. <div class="layui-form-item">
  94. <label class="layui-form-label required form_label" >邮政编码</label>
  95. <div class="layui-input-block form_input" >
  96. <input type="text" required readonly="readonly" placeholder="请输入" autocomplete="off" class="layui-input" v-model="junit.postcode">
  97. </div>
  98. </div>
  99. </div>
  100. <div class="layui-col-xs6 layui-col-sm6">
  101. <div class="layui-form-item">
  102. <label class="layui-form-label form_label" >单位代码证类型</label>
  103. <div class="layui-input-block form_input" >
  104. <select lay-filter="kindUnit" disabled="disabled" v-model="junit.kindUnit">
  105. <option value="1">多证合一</option>
  106. <option value="2">非多证合一</option>
  107. </select>
  108. </div>
  109. </div>
  110. </div>
  111. </div>
  112. <div class="layui-row" id="fdzhy" style="display: none">
  113. <div class="layui-col-xs6 layui-col-sm6">
  114. <div class="layui-form-item">
  115. <label class="layui-form-label form_label" >组织机构代码:</label>
  116. <div class="layui-input-block form_input" >
  117. <input type="text" required placeholder="请输入" readonly="readonly" autocomplete="off" class="layui-input" v-model="junit.groupCode1">
  118. <div>-</div>
  119. <input type="text" required placeholder="请输入" readonly="readonly" autocomplete="off" class="layui-input" v-model="junit.groupCode2">
  120. </div>
  121. </div>
  122. </div>
  123. </div>
  124. <div class="layui-row" id="dzhy" style="display: none">
  125. <div class="layui-col-xs6 layui-col-sm6">
  126. <label class="layui-form-label form_label" >代码类型</label>
  127. <div class="layui-input-block form_input" >
  128. <select disabled="disabled" lay-filter="kindCode" v-model="junit.kindCode">
  129. <option value="">请选择</option>
  130. <option value="1">组织机构代码</option>
  131. <option value="2">统一社会信用代码</option>
  132. </select>
  133. </div>
  134. </div>
  135. <div class="layui-col-xs6 layui-col-sm6" id="zzjg" style="display: none">
  136. <div class="layui-form-item">
  137. <label class="layui-form-label form_label" >组织机构代码</label>
  138. <div class="layui-input-block form_input" >
  139. <input type="text" readonly="readonly" placeholder="请输入" autocomplete="off" class="layui-input" v-model="junit.groupCode1">
  140. <div>-</div>
  141. <input type="text" readonly="readonly" placeholder="请输入" autocomplete="off" class="layui-input" v-model="junit.groupCode2">
  142. </div>
  143. </div>
  144. </div>
  145. <div class="layui-col-xs6 layui-col-sm6" id="shxy" style="display: none">
  146. <div class="layui-form-item">
  147. <label class="layui-form-label form_label" >统一社会信用代码</label>
  148. <div class="layui-input-block form_input" >
  149. <input type="text" readonly="readonly" placeholder="请输入" autocomplete="off" class="layui-input" v-model="junit.trustCode">
  150. </div>
  151. <div v-if="junit.trustCode != null" @click="queryUnitXinYong" class="clickDiv">企业信用查询</div>
  152. </div>
  153. </div>
  154. </div>
  155. <div class="layui-row">
  156. <div class="layui-col-xs6 layui-col-sm6">
  157. <div class="layui-form-item">
  158. <label class="layui-form-label required form_label" >单位成立日期</label>
  159. <div class="layui-input-block form_input">
  160. <input type="text" id="dateFound" readonly="readonly" readonly="readonly" required placeholder="请输入" autocomplete="off" class="layui-input" v-model="junit.dateFound">
  161. </div>
  162. </div>
  163. </div>
  164. <div class="layui-col-xs6 layui-col-sm6">
  165. <div class="layui-form-item">
  166. <label class="layui-form-label required form_label" >单位注册资金</label>
  167. <div class="layui-input-block form_input" >
  168. <input type="number" required readonly="readonly" placeholder="请输入" autocomplete="off" class="layui-input" v-model="junit.amt">
  169. </div>
  170. </div>
  171. </div>
  172. </div>
  173. <div class="layui-row">
  174. <div class="layui-col-xs6 layui-col-sm6">
  175. <div class="layui-form-item">
  176. <label class="layui-form-label required form_label" >联系手机号</label>
  177. <div class="layui-input-block form_input" >
  178. <input type="text" required readonly="readonly" placeholder="请输入" autocomplete="off" class="layui-input" v-model="junit.simCode">
  179. </div>
  180. </div>
  181. </div>
  182. <div class="layui-col-xs6 layui-col-sm6">
  183. <div class="layui-form-item">
  184. <label class="layui-form-label required form_label" >单位传真</label>
  185. <div class="layui-input-block form_input" >
  186. <input type="text" required readonly="readonly" placeholder="请输入" autocomplete="off" class="layui-input" v-model="junit.fax">
  187. </div>
  188. </div>
  189. </div>
  190. </div>
  191. <div class="layui-row">
  192. <div class="layui-col-xs6 layui-col-sm6">
  193. <div class="layui-form-item">
  194. <label class="layui-form-label required form_label" >电子邮箱</label>
  195. <div class="layui-input-block form_input" >
  196. <input type="text" required readonly="readonly" placeholder="请输入" autocomplete="off" class="layui-input" v-model="junit.email">
  197. </div>
  198. </div>
  199. </div>
  200. <div class="layui-col-xs6 layui-col-sm6">
  201. <div class="layui-form-item">
  202. <label class="layui-form-label required form_label" >单位性质</label>
  203. <div class="layui-input-block form_input" >
  204. <select id="unitPropId" disabled="disabled" name="unitPropId" lay-filter="unitPropId" v-model="junit.unitPropId">
  205. <option value="">请选择</option>
  206. <c:forEach items="${DWXZ }" var="hy">
  207. <option value="${hy.id }">${hy.title}</option>
  208. </c:forEach>
  209. </select>
  210. </div>
  211. </div>
  212. </div>
  213. </div>
  214. <div class="layui-row">
  215. <div class="layui-col-xs6 layui-col-sm6">
  216. <div class="layui-form-item">
  217. <label class="layui-form-label required form_label" >是否独立法人</label>
  218. <div class="layui-input-block form_input" >
  219. <div class="layui-form">
  220. <input type="radio" disabled="disabled" name="isJur" lay-filter="isJur" v-model="junit.isJur" value="1" title="是" >
  221. <input type="radio" disabled="disabled" name="isJur" lay-filter="isJur" v-model="junit.isJur" value="0" title="否" >
  222. </div>
  223. </div>
  224. </div>
  225. </div>
  226. <div class="layui-col-xs6 layui-col-sm6">
  227. <div class="layui-form-item">
  228. <label class="layui-form-label required form_label" >单位类型</label>
  229. <div class="layui-input-block form_input" >
  230. <select id="DWLX" disabled="disabled" name="unitKindId" lay-filter="unitKindId" v-model="junit.unitKindId">
  231. <option value="">请选择</option>
  232. <c:forEach items="${DWLX }" var="hy">
  233. <option value="${hy.id }">${hy.title}</option>
  234. </c:forEach>
  235. </select>
  236. </div>
  237. </div>
  238. </div>
  239. </div>
  240. </div>
  241. </div>
  242. <div class="card_title">法人信息</div>
  243. <div class="layui-colla-content layui-show detail" style="height: auto;">
  244. <div class="table_box">
  245. <div class="layui-row">
  246. <div class="layui-col-xs6 layui-col-sm6">
  247. <div class="layui-form-item">
  248. <label class="layui-form-label required form_label" >姓名</label>
  249. <div class="layui-input-block form_input" >
  250. <input type="text" required readonly="readonly" placeholder="请输入" autocomplete="off" class="layui-input" v-model="junit.nameJur1">
  251. </div>
  252. </div>
  253. </div>
  254. <div class="layui-col-xs6 layui-col-sm6">
  255. <div class="layui-form-item">
  256. <label class="layui-form-label required form_label" >性别</label>
  257. <div class="layui-input-block form_input" >
  258. <div class="layui-form">
  259. <input type="radio" disabled="disabled" name="sex1" lay-filter="sex1" v-model="junit.sex1" value="1" title="男" >
  260. <input type="radio" disabled="disabled" name="sex1" lay-filter="sex1" v-model="junit.sex1" value="2" title="女" >
  261. </div>
  262. </div>
  263. </div>
  264. </div>
  265. </div>
  266. <div class="layui-row">
  267. <div class="layui-col-xs6 layui-col-sm6">
  268. <div class="layui-form-item">
  269. <label class="layui-form-label required form_label" >电话</label>
  270. <div class="layui-input-block form_input" >
  271. <input type="text" required readonly="readonly" placeholder="请输入" autocomplete="off" class="layui-input" v-model="junit.tel1">
  272. </div>
  273. </div>
  274. </div>
  275. <div class="layui-col-xs6 layui-col-sm6">
  276. <div class="layui-form-item">
  277. <label class="layui-form-label required form_label" >移动电话</label>
  278. <div class="layui-input-block form_input" >
  279. <input type="text" required readonly="readonly" placeholder="请输入" autocomplete="off" class="layui-input" v-model="junit.simCode1">
  280. </div>
  281. </div>
  282. </div>
  283. </div>
  284. <div class="layui-row">
  285. <div class="layui-col-xs6 layui-col-sm6">
  286. <div class="layui-form-item">
  287. <label class="layui-form-label required form_label" >传真</label>
  288. <div class="layui-input-block form_input" >
  289. <input type="text" required readonly="readonly" placeholder="请输入" autocomplete="off" class="layui-input" v-model="junit.faxCode1">
  290. </div>
  291. </div>
  292. </div>
  293. <div class="layui-col-xs6 layui-col-sm6">
  294. <div class="layui-form-item">
  295. <label class="layui-form-label required form_label" >电子邮箱</label>
  296. <div class="layui-input-block form_input" >
  297. <input type="text" required readonly="readonly" placeholder="请输入" autocomplete="off" class="layui-input" v-model="junit.email1">
  298. </div>
  299. </div>
  300. </div>
  301. </div>
  302. <div class="layui-row">
  303. <div class="layui-col-xs10 layui-col-sm10">
  304. <div class="layui-form-item">
  305. <label class="layui-form-label required form_label"
  306. ><span style="color: red">*</span>类型</label
  307. >
  308. <div class="layui-input-block">
  309. <div class="layui-form">
  310. <input
  311. type="radio"
  312. name="AAA"
  313. lay-filter="kind1"
  314. value="1"
  315. title="中华人民共和国大陆地区"
  316. v-model="junit.kind1"
  317. disabled="disabled"
  318. />
  319. <input
  320. type="radio"
  321. name="AAA"
  322. lay-filter="kind1"
  323. value="2"
  324. v-model="junit.kind1"
  325. disabled="disabled"
  326. title="中华人民共和国港、澳、台地区"
  327. />
  328. <input
  329. type="radio"
  330. name="AAA"
  331. lay-filter="kind1"
  332. disabled="disabled"
  333. value="3"
  334. v-model="junit.kind1"
  335. title="其他"
  336. />
  337. </div>
  338. </div>
  339. </div>
  340. </div>
  341. </div>
  342. <div class="layui-row" id="status1" style="display: none">
  343. <div class="layui-col-xs6 layui-col-sm6">
  344. <div class="layui-form-item">
  345. <label class="layui-form-label required form_label" >所属大洲</label>
  346. <div class="layui-input-block form_input" >
  347. <select id="state1" disabled="disabled" name="state1" lay-filter="state1" v-model="junit.state1">
  348. <option value="">请选择</option>
  349. </select>
  350. </div>
  351. </div>
  352. </div>
  353. <div class="layui-col-xs6 layui-col-sm6">
  354. <div class="layui-form-item">
  355. <label class="layui-form-label required form_label" >所属国家</label>
  356. <div class="layui-input-block form_input" >
  357. <select id="country1" disabled="disabled" name="country1" lay-filter="country1" v-model="junit.country1">
  358. <option value="">请选择</option>
  359. </select>
  360. </div>
  361. </div>
  362. </div>
  363. </div>
  364. <div class="layui-row">
  365. <div class="layui-col-xs6 layui-col-sm6">
  366. <div class="layui-form-item">
  367. <label class="layui-form-label required form_label" id="kind1Name" >护照号码</label>
  368. <div class="layui-input-block form_input" >
  369. <input type="text" required readonly="readonly" placeholder="请输入" autocomplete="off" class="layui-input" v-model="junit.passport1">
  370. </div>
  371. </div>
  372. </div>
  373. </div>
  374. </div>
  375. </div>
  376. <div class="card_title">业务负责人信息</div>
  377. <div class="layui-colla-content layui-show detail" style="height: auto;">
  378. <div class="table_box">
  379. <div class="layui-row">
  380. <div class="layui-col-xs6 layui-col-sm6">
  381. <div class="layui-form-item">
  382. <label class="layui-form-label required form_label" >姓名</label>
  383. <div class="layui-input-block form_input" >
  384. <input type="text" required readonly="readonly" placeholder="请输入" autocomplete="off" class="layui-input" v-model="junit.nameJur2">
  385. </div>
  386. </div>
  387. </div>
  388. <div class="layui-col-xs6 layui-col-sm6">
  389. <div class="layui-form-item">
  390. <label class="layui-form-label required form_label" >性别</label>
  391. <div class="layui-input-block form_input" >
  392. <div class="layui-form">
  393. <input type="radio" disabled="disabled" name="sex2" lay-filter="sex2" v-model="junit.sex2" value="1" title="男" >
  394. <input type="radio" disabled="disabled" name="sex2" lay-filter="sex2" v-model="junit.sex2" value="2" title="女" >
  395. </div>
  396. </div>
  397. </div>
  398. </div>
  399. </div>
  400. <div class="layui-row">
  401. <div class="layui-col-xs6 layui-col-sm6">
  402. <div class="layui-form-item">
  403. <label class="layui-form-label required form_label" >电话</label>
  404. <div class="layui-input-block form_input" >
  405. <input type="text" required readonly="readonly" placeholder="请输入" autocomplete="off" class="layui-input" v-model="junit.tel2">
  406. </div>
  407. </div>
  408. </div>
  409. <div class="layui-col-xs6 layui-col-sm6">
  410. <div class="layui-form-item">
  411. <label class="layui-form-label required form_label" >移动电话</label>
  412. <div class="layui-input-block form_input" >
  413. <input type="text" required readonly="readonly" placeholder="请输入" autocomplete="off" class="layui-input" v-model="junit.simCode2">
  414. </div>
  415. </div>
  416. </div>
  417. </div>
  418. <div class="layui-row">
  419. <div class="layui-col-xs6 layui-col-sm6">
  420. <div class="layui-form-item">
  421. <label class="layui-form-label required form_label" >传真</label>
  422. <div class="layui-input-block form_input" >
  423. <input type="text" required readonly="readonly" placeholder="请输入" autocomplete="off" class="layui-input" v-model="junit.faxCode2">
  424. </div>
  425. </div>
  426. </div>
  427. <div class="layui-col-xs6 layui-col-sm6">
  428. <div class="layui-form-item">
  429. <label class="layui-form-label required form_label" >电子邮箱</label>
  430. <div class="layui-input-block form_input" >
  431. <input type="text" required readonly="readonly" placeholder="请输入" autocomplete="off" class="layui-input" v-model="junit.email2">
  432. </div>
  433. </div>
  434. </div>
  435. </div>
  436. <div class="layui-row">
  437. <div class="layui-col-xs10 layui-col-sm10">
  438. <div class="layui-form-item">
  439. <label class="layui-form-label required form_label"
  440. ><span style="color: red">*</span>类型</label
  441. >
  442. <div class="layui-input-block">
  443. <div class="layui-form">
  444. <input
  445. type="radio"
  446. name="AAA1"
  447. lay-filter="kind2"
  448. value="1"
  449. title="中华人民共和国大陆地区"
  450. checked
  451. disabled="disabled"
  452. v-model="junit.kind2"
  453. />
  454. <input
  455. type="radio"
  456. name="AAA1"
  457. lay-filter="kind2"
  458. value="2"
  459. v-model="junit.kind2"
  460. disabled="disabled"
  461. title="中华人民共和国港、澳、台地区"
  462. />
  463. <input
  464. type="radio"
  465. name="AAA1"
  466. lay-filter="kind2"
  467. value="3"
  468. disabled="disabled"
  469. v-model="junit.kind2"
  470. title="其他"
  471. />
  472. </div>
  473. </div>
  474. </div>
  475. </div>
  476. </div>
  477. <div class="layui-row" id="status2" style="display: none">
  478. <div class="layui-col-xs6 layui-col-sm6">
  479. <div class="layui-form-item">
  480. <label class="layui-form-label required form_label" >所属大洲</label>
  481. <div class="layui-input-block form_input" >
  482. <select id="state2" name="state2" disabled="disabled" lay-filter="state2" v-model="junit.state2">
  483. <option value="">请选择</option>
  484. </select>
  485. </div>
  486. </div>
  487. </div>
  488. <div class="layui-col-xs6 layui-col-sm6">
  489. <div class="layui-form-item">
  490. <label class="layui-form-label required form_label" >所属国家</label>
  491. <div class="layui-input-block form_input" >
  492. <select id="country2" disabled="disabled" name="country2" lay-filter="country2" v-model="junit.country2">
  493. <option value="">请选择</option>
  494. </select>
  495. </div>
  496. </div>
  497. </div>
  498. </div>
  499. <div class="layui-row">
  500. <div class="layui-col-xs6 layui-col-sm6">
  501. <div class="layui-form-item">
  502. <label class="layui-form-label required form_label" id="kind2Name">护照号码</label>
  503. <div class="layui-input-block form_input" >
  504. <input type="text" required readonly="readonly" placeholder="请输入" autocomplete="off" class="layui-input" v-model="junit.passport2">
  505. </div>
  506. </div>
  507. </div>
  508. </div>
  509. </div>
  510. </div>
  511. <div id="doUpAndDown" >
  512. <div class="option_card">
  513. <div class="option_btns">
  514. <div id="importExc" style="display: none"></div>
  515. <div class="con_title">
  516. 文件名<span id="fileName"></span> <input v-model="junit.fileName" style="display: none" />
  517. </div>
  518. <div style="margin-left: 20px">
  519. <input type="button" value="预览" class="option_btn download_btn" lay-submit @click="pdfsee"/>
  520. </div>
  521. </div>
  522. </div>
  523. <div class="option_btns" id="sp" style="display: none">
  524. <input type="button" value="同意" class="option_btn download_btn" lay-submit @click="sp"/>
  525. <input type="button" value="驳回" class="option_btn download_btn" lay-submit @click="bohui" style="background: rgb(204, 204, 204);color: rgb(17, 17, 17);"/>
  526. </div>
  527. <div class="option_btns">
  528. <input type="button" value="返回" class="option_btn" lay-submit @click="closeWin" style="background: rgb(204, 204, 204);color: rgb(17, 17, 17);"/>
  529. <input type="button" value="打印pdf" class="option_btn" lay-submit @click="downloadPdf"/>
  530. </div>
  531. </div>
  532. </div>
  533. <div id="resouce" class="option_card" style="display: none">
  534. <span style="font-size: 26px">原因:</span><span style="color: red;font-size: 26px" id="yy"></span>
  535. </div>
  536. </form>
  537. </div>
  538. </div>
  539. <jsp:include page="../common/common-js-include.jsp"/>
  540. <%--<script src="https://cdn.bootcdn.net/ajax/libs/distpicker/2.0.8/distpicker.js"></script>--%>
  541. <%--<script src="https://cdn.bootcdn.net/ajax/libs/distpicker/2.0.8/distpicker.min.js"></script>--%>
  542. <script src="${WebSite.asset}/lib/distpicker/distpicker.js"></script>
  543. <script src="${WebSite.asset}/lib/distpicker/distpicker.min.js"></script>
  544. <script type="text/javascript">
  545. new Vue({
  546. el: "#app",
  547. data: {
  548. junit :{
  549. title:"",
  550. tel:"",
  551. city:"",
  552. area:""
  553. },
  554. vCode:"",
  555. unitName :[]
  556. },
  557. mounted : function() {
  558. this.init();
  559. this.loadState();
  560. this.loadState2();
  561. this.test();
  562. },
  563. methods: {
  564. init : function() {
  565. var self = this;
  566. layui.form.on("select(kindUnit)",function(data){
  567. self.junit.kindUnit = data.value;
  568. if (data.value=="1"){
  569. $("#dzhy").attr("style","");
  570. $("#fdzhy").attr("style","");
  571. $("#fdzhy").attr("style","display:none");
  572. }else{
  573. $("#fdzhy").attr("style","");
  574. $("#dzhy").attr("style","");
  575. $("#dzhy").attr("style","display:none");
  576. }
  577. });
  578. layui.form.on("select(kindCode)",function(data){
  579. if (data.value=="1"){
  580. $("#zzjg").attr("style","");
  581. $("#shxy").attr("style","");
  582. $("#shxy").attr("style","display:none");
  583. }else if (data.value=="2"){
  584. $("#shxy").attr("style","");
  585. $("#zzjg").attr("style","");
  586. $("#zzjg").attr("style","display:none");
  587. }
  588. });
  589. layui.form.on("select(unitPropId)",function(data){
  590. self.junit.unitPropId = data.value;
  591. });
  592. layui.form.on("select(unitKindId)",function(data){
  593. self.junit.unitKindId = data.value;
  594. });
  595. layui.form.on("select(state2)",function(data){
  596. self.junit.state2 = data.value;
  597. self.loadStateChild2(data.value);
  598. var state2=$("#state2 option:checked").text();
  599. self.junit.state2=state2;
  600. });
  601. layui.form.on("radio(kind1)",function(data){
  602. self.junit.kind1 = data.value;
  603. if (data.value=="3"){
  604. $("#status1").attr("style","")
  605. }else{
  606. $("#status1").attr("style","display:none")
  607. }
  608. });
  609. layui.form.on("radio(kind2)",function(data){
  610. self.junit.kind2 = data.value;
  611. if (data.value=="3"){
  612. $("#status2").attr("style","");
  613. }else{
  614. $("#status2").attr("style","display:none");
  615. }
  616. });
  617. layui.form.on("radio(cls)",function(data){
  618. if (data.value==1){
  619. $("#sccns").attr("style","");
  620. }else{
  621. $("#sccns").attr("style","display:none");
  622. }
  623. });
  624. layui.form.on("select(country2)",function(data){
  625. self.junit.country2 = data.value;
  626. var country2=$("#country2 option:checked").text();
  627. self.junit.country2=country2;
  628. });
  629. layui.form.on("select(state1)",function(data){
  630. self.junit.state1 = data.value;
  631. self.loadStateChild(data.value);
  632. var state1=$("#state1 option:checked").text();
  633. self.junit.state1=state1;
  634. });
  635. layui.form.on("radio(isJur)",function(data){
  636. self.junit.isJur = data.value;
  637. });
  638. layui.form.on("radio(sex1)",function(data){
  639. self.junit.sex1 = data.value;
  640. });
  641. layui.form.on("radio(sex2)",function(data){
  642. self.junit.sex2 = data.value;
  643. });
  644. App.common.utils.uploadFile('#importExc',App.getUrl('/static/file/upload'), {
  645. acceptMime: 'application/pdf', //允许上传的文件类型
  646. exts: 'pdf'
  647. },null,function(res){
  648. for(var i=0;i<res.resultList.length;i++){
  649. self.junit.fileId = res.resultList[i].id;
  650. self.junit.fileAddre = res.resultList[i].id;
  651. self.junit.fileName = res.resultList[i].name;
  652. self.junit.fileProp = res.resultList[i].ftype;
  653. }
  654. });
  655. layui.form.on('select(city)', function (data) {
  656. self.junit.city=data.value;
  657. $("#city").val(data.value).change();
  658. layui.form.render();
  659. });
  660. layui.form.on('select(district)', function (data) {
  661. self.junit.area=data.value;
  662. $("#district").val(data.value).change();
  663. layui.form.render();
  664. });
  665. layui.form.on("select(country1)",function(data){
  666. self.junit.country1 = data.value;
  667. var country1=$("#country1 option:checked").text();
  668. self.junit.country1=country1;
  669. });
  670. layui.form.on('select(changeCity)',function () {
  671. self.loadRegions ();
  672. });
  673. layui.form.on("submit(next)", function(obj){
  674. self.addprePlanData();
  675. });
  676. this.getForm();
  677. },
  678. getForm: function(){
  679. var id = $("#id").val();
  680. var is = $("#is").val();
  681. if(id == ""){
  682. }else{
  683. var self = this;
  684. App.postJson("/api/register/editById",{id : id}, function(res){
  685. if(res.success){
  686. // $("#city").attrs("data-province",res.data.city);
  687. // $("#city").val(res.data.city).change();
  688. $("#district").val(res.data.area).change();
  689. // $("#district").attrs("data-province",res.data.area);
  690. self.loadStateChild(res.data.state1);
  691. self.loadStateChild2(res.data.state2);
  692. self.junit = res.data;
  693. if (self.junit.kindUnit=="1")
  694. {
  695. $("#dzhy").attr("style","")
  696. $("#fdzhy").attr("style","")
  697. $("#fdzhy").attr("style","display:none")
  698. }else{
  699. $("#fdzhy").attr("style","")
  700. $("#dzhy").attr("style","")
  701. $("#dzhy").attr("style","display:none")
  702. }
  703. if (self.junit.kindCode=="1"){
  704. $("#zzjg").attr("style","")
  705. $("#shxy").attr("style","")
  706. $("#shxy").attr("style","display:none")
  707. }else if (self.junit.kindCode=="2"){
  708. $("#shxy").attr("style","")
  709. $("#zzjg").attr("style","")
  710. $("#zzjg").attr("style","display:none")
  711. }
  712. // if (self.junit.kind1=="3"){
  713. // $("#status1").attr("style","")
  714. // }
  715. // if (self.junit.kind2=="3"){
  716. // $("#status2").attr("style","")
  717. // }
  718. if (self.junit.kind1=="3"){
  719. $("#status1").attr("style","")
  720. }else{
  721. $("#kind1Name").text("*身份证号");
  722. }
  723. if (self.junit.kind2=="3"){
  724. $("#status2").attr("style","")
  725. }else{
  726. $("#kind2Name").text("*身份证号");
  727. }
  728. if (self.junit.status=="1"&&is=="1"){
  729. $("#sp").attr("style","")
  730. }
  731. if(self.junit.fileAddre!=""){
  732. $("#fileName").text(self.junit.fileName);
  733. $("#pdfsee").attr("style","")
  734. $("#cls").attr("checked","true")
  735. }
  736. // if(self.junit.status=="3"||self.junit.reason!=null){
  737. // $("#yy").text(self.junit.reason);
  738. // $("#resouce").attr("style","")
  739. // }
  740. layui.use('form', function () {
  741. layui.form.render('select');
  742. })
  743. setTimeout(() => {
  744. layui.form.render();
  745. }, 200);
  746. }
  747. });
  748. }
  749. },
  750. queryUnitXinYong: function() {
  751. App.openWindow("https://www.creditchina.gov.cn/xinyongxinxi/index.html?index=0&scenes=defaultScenario&tableName=credit_xyzx_tyshxydm&searchState=2&entityType=1,2,4,5,6,7,8&keyword="+this.junit.trustCode);
  752. /* App.openLayer({
  753. title: "企业信用查询",
  754. content: "https://www.creditchina.gov.cn/xinyongxinxi/index.html?index=0&scenes=defaultScenario&tableName=credit_xyzx_tyshxydm&searchState=2&entityType=1,2,4,5,6,7,8&keyword="+this.junit.trustCode
  755. }) */
  756. },
  757. closeWin : function(){
  758. window.history.back(-1);
  759. //window.location.href = App.getUrl("/register/queryCheck?startDate="+'${startDate}'+"&endDate="+'${endDate}'+"&status="+'${status}'+"&title="+'${title}'+"&unitKindId="+'${unitKindId}'+"&unitPropId="+'${unitPropId}');
  760. },
  761. save:function (){
  762. var self=this;
  763. if(self.junit.password!=self.junit.passwordCheck){
  764. return;
  765. }
  766. App.msg.confirm("确认提交吗?", function() {
  767. App.postJson("/api/register/save", self.junit, function (res) {
  768. if (res.success) {
  769. layer.msg("成功", {icon: 6, time: 1000});
  770. window.location.href = App.getUrl("/login");
  771. }else{
  772. layer.msg(res.message,{ time: 1000});
  773. }
  774. });
  775. });
  776. },
  777. downTemplate: function(){
  778. parent.window.location.href = App.getUrl(
  779. "register/downWord"
  780. );
  781. },
  782. impWord: function() {
  783. $("#importExc").click();
  784. },
  785. download: function () {
  786. window.location.href=App.getUrl("static/file/download/"+this.junit.fileAddre);
  787. },
  788. pdfsee : function (){
  789. var self=this;
  790. if (self.junit.fileAddre==null){
  791. App.msg.error("未上传文件");
  792. return ;
  793. }
  794. layui.use('layer', function () {
  795. var layer = layui.layer;
  796. layer.open({
  797. type: 2,
  798. area: ['1000px', '750px'],
  799. fixed: false, //不固定
  800. maxmin: true,
  801. content: "${domain}/static/file/" + self.junit.fileAddre+"/showfile"
  802. <%--content: "${domain}/register/file/download/"+self.junit.fileAddre--%>
  803. })
  804. });
  805. },
  806. addprePlanData : function(){
  807. },
  808. doRegister: function(){
  809. $("#doRegister").attr("style","display:none")
  810. $("#doJs").attr("style","")
  811. //$("#doOrganData").removeClass("style")
  812. },
  813. doUpAndDown: function(){
  814. $("#doUpAndDown").attr("style","display:none")
  815. $("#doLoginName").attr("style","")
  816. //$("#doOrganData").removeClass("style")
  817. },
  818. back1: function (){
  819. $("#doRegister").attr("style","")
  820. $("#doJs").attr("style","display:none")
  821. },
  822. back2: function (){
  823. $("#doJs").attr("style","")
  824. $("#doOrganData").attr("style","display:none")
  825. },
  826. back3: function (){
  827. $("#doOrganData").attr("style","")
  828. $("#doUpAndDown").attr("style","display:none")
  829. },
  830. back4: function (){
  831. $("#doUpAndDown").attr("style","")
  832. $("#doLoginName").attr("style","display:none")
  833. },
  834. back5: function (){
  835. $("#doLoginName").attr("style","")
  836. $("#doPassword").attr("style","display:none")
  837. },
  838. sp :function (){
  839. var id = $("#id").val();
  840. App.msg.confirm("是否同意?", function() {
  841. App.postJson("/api/register/check", {id: id,status:"2"}, function (res) {
  842. if (res.success) {
  843. layer.alert("成功", { icon: 6, title: "提示", offset: "auto", skin: 'layui-layer-molv' });
  844. window.location.href = App.getUrl("/register/queryCheck?startDate="+'${startDate}'+"&endDate="+'${endDate}'+"&status="+'${status}'+"&title="+'${title}'+"&unitKindId="+'${unitKindId}'+"&unitPropId="+'${unitPropId}');
  845. }else{
  846. App.msg.error("失败");
  847. }
  848. });
  849. });
  850. },
  851. downloadPdf :function (){
  852. var id = $("#id").val();
  853. var self=this;
  854. if (self.junit.fileAddre==null||self.junit.fileAddre==""||self.junit.fileAddre.length==0){
  855. App.msg.error("未上传承诺书文件");
  856. return ;
  857. }
  858. // window.location.href=App.getUrl("register/downPdf?id="+id);
  859. layui.use('layer', function () {
  860. var layer = layui.layer;
  861. layer.open({
  862. type: 2,
  863. area: ['1000px', '750px'],
  864. fixed: false, //不固定
  865. maxmin: true,
  866. content: "${domain}/register/downPdf?id="+id
  867. })
  868. });
  869. // window.location.href=App.getUrl("register/file/downloadPdf/"+id);
  870. // window.location.href=App.getUrl("register/file/downloadPdf/"+this.junit.fileId);
  871. // App.postJson("register/file/downloadPdf", {id: id}, function (res) {
  872. //
  873. // });
  874. },
  875. doJs:function (){
  876. var subname = $("#subname").val();
  877. var flg= this.validateCode();
  878. if(!flg){
  879. App.msg.error("验证码不正确");
  880. return;
  881. }
  882. if(subname == ""){
  883. }else {
  884. App.postJson("/api/junit/virfy", {subname: subname}, function (res) {
  885. if (res.success) {
  886. if (res.data==false){
  887. layer.confirm('单位信息尚未注册!请继续填写单位详细信息!', {
  888. title: "操作提示",
  889. btn: ['确认'] //可以无限个按钮
  890. }, function(index, layero){
  891. // $("#dwName").setText(res.message);
  892. layer.close(index);
  893. });
  894. $("#doJs").attr("style","display:none");
  895. $("#doOrganData").attr("style","");
  896. }
  897. else {
  898. layer.confirm('单位信息已注册!!', {
  899. title: "操作提示",
  900. btn: ['确认'] //可以无限个按钮
  901. }, function (index, layero) {
  902. layer.close(index);
  903. window.location.href = App.getUrl("/login");
  904. });
  905. }
  906. /*layui.form.render("formData", this.junit);
  907. layui.form.render("formData2", this.junit);
  908. layui.form.render("formData3", this.junit);*/
  909. }
  910. });
  911. }
  912. },
  913. doOrganData:function (){
  914. $("#doLoginName").attr("style","")
  915. $("#doOrganData").attr("style","display:none")
  916. },
  917. doLoginName:function (){
  918. $("#doOrganData").attr("style","display:none")
  919. $("#doUpAndDown").attr("style","")
  920. },
  921. doPassword:function (){
  922. $("#doPassword").attr("style","")
  923. $("#doLoginName").attr("style","display:none")
  924. },
  925. back: function(){
  926. window.location.href = App.getUrl("/login");
  927. },
  928. //驳回
  929. bohui :function () {
  930. layer.prompt({
  931. formType: 0, //输入框类型,支持0(文本)默认1(密码)2(多行文本)
  932. title:'请输入原因',
  933. },function(value, index, elem){
  934. var self=this;
  935. var reason=value;
  936. var status=0;
  937. var id = $("#id").val();
  938. App.postJson("/api/register/check", {id: id,reason:reason,status:status}, function (res) {
  939. if (res.success) {
  940. layer.alert("成功", { icon: 6, title: "提示", offset: "auto", skin: 'layui-layer-molv' });
  941. // window.location.href = App.getUrl("/register/queryCheck");
  942. window.location.href = App.getUrl("/register/queryCheck?startDate="+'${startDate}'+"&endDate="+'${endDate}'+"&status="+'${status}'+"&title="+'${title}'+"&unitKindId="+'${unitKindId}'+"&unitPropId="+'${unitPropId}');
  943. }else{
  944. App.msg.error("失败");
  945. }
  946. });
  947. });
  948. // var tb = t.parentNode.parentNode;
  949. // var select=$(tb).find("select option:selected");
  950. // var select2=$(tb).find("select");
  951. //
  952. // $(".layui-layer-input").before("<span type=\"text\">检验人员</span> <input type=\"text\" style='margin-bottom: 5px;width: 80px' id= \"zxr\" readonly='readonly' class=\"layui-input\" value="+select[2].innerText+" />");
  953. },
  954. //不通过
  955. no :function () {
  956. layer.prompt({
  957. formType: 0, //输入框类型,支持0(文本)默认1(密码)2(多行文本)
  958. title:'请输入原因',
  959. },function(value, index, elem){
  960. // var param={
  961. // password:value
  962. var self=this;
  963. var reason=value;
  964. var status=3;
  965. var id = $("#id").val();
  966. App.postJson("/api/register/check", {id: id,reason:reason,status:status}, function (res) {
  967. if (res.success) {
  968. layer.alert("成功", { icon: 6, title: "提示", offset: "auto", skin: 'layui-layer-molv' });
  969. window.location.href = App.getUrl("/register/queryCheck");
  970. }else{
  971. App.msg.error("失败");
  972. }
  973. });
  974. // };
  975. });
  976. },
  977. test:function (){
  978. layui.use(['form'], function () {
  979. var $ = layui.$
  980. , form = layui.form;
  981. //省
  982. form.on('select(province)', function (data) {
  983. $("#province").val(data.value).change();
  984. form.render();
  985. });
  986. })
  987. },
  988. loadState: function (){
  989. App.postJson("/api/division/listTop", {}, function(res){
  990. if(res.success){
  991. let selectCities = document.getElementById("state1");
  992. let option = null;
  993. for (let i = 0; i < res.data.length; i++) {
  994. option = new Option(res.data[i].name,res.data[i].id);
  995. selectCities.add(option)
  996. }
  997. layui.form.render('select')
  998. layui.form.render();
  999. }else{
  1000. }
  1001. });
  1002. },
  1003. loadState2: function (){
  1004. App.postJson("/api/division/listTop", {}, function(res){
  1005. if(res.success){
  1006. let selectCities = document.getElementById("state2");
  1007. // selectCities.add(new Option("请选择对应的城市", "0"));
  1008. let option = null;
  1009. for (let i = 0; i < res.data.length; i++) {
  1010. option = new Option(res.data[i].name,res.data[i].id);
  1011. selectCities.add(option)
  1012. }
  1013. layui.form.render('select')
  1014. layui.form.render();
  1015. }else{
  1016. }
  1017. });
  1018. },
  1019. loadStateChild: function (parentId){
  1020. var self=this;
  1021. App.postJson("/api/division/listByParentId", {parentId: parentId}, function(res){
  1022. if(res.success){
  1023. let selectCities = document.getElementById("country1");
  1024. $("#country1").html('')
  1025. selectCities.add(new Option("请选择国家", ""));
  1026. let option = null;
  1027. for (let i = 0; i < res.data.length; i++) {
  1028. if (self.junit.country1!=null){
  1029. if (self.junit.country1===res.data[i].id){
  1030. option = new Option(res.data[i].name,res.data[i].id,true,true);
  1031. }else{
  1032. option = new Option(res.data[i].name,res.data[i].id);
  1033. }
  1034. }else{
  1035. option = new Option(res.data[i].name,res.data[i].id);
  1036. }
  1037. // option = new Option(res.data[i].name,res.data[i].id);o
  1038. if (option!=null){
  1039. selectCities.add(option)
  1040. }
  1041. }
  1042. // for (let i = 0; i < res.data.length; i++) {
  1043. // option = new Option(res.data[i].name,res.data[i].id);
  1044. // selectCities.add(option)
  1045. // }
  1046. layui.form.render('select')
  1047. layui.form.render();
  1048. }else{
  1049. }
  1050. });
  1051. },
  1052. loadStateChild2: function (parentId){
  1053. var self=this;
  1054. App.postJson("/api/division/listByParentId", {parentId: parentId}, function(res){
  1055. if(res.success){
  1056. let selectCities = document.getElementById("country2");
  1057. $("#country2").html('')
  1058. selectCities.add(new Option("请选择国家", ""));
  1059. // selectCities.add(new Option("请选择对应的城市", "0"));
  1060. let option = null;
  1061. // for (let i = 0; i < res.data.length; i++) {
  1062. // option = new Option(res.data[i].name,res.data[i].id);
  1063. // selectCities.add(option)
  1064. // }
  1065. for (let i = 0; i < res.data.length; i++) {
  1066. if (self.junit.country2!=null){
  1067. if (self.junit.country2===res.data[i].id){
  1068. option = new Option(res.data[i].name,res.data[i].id,true,true);
  1069. }else{
  1070. option = new Option(res.data[i].name,res.data[i].id);
  1071. }
  1072. }else{
  1073. option = new Option(res.data[i].name,res.data[i].id);
  1074. }
  1075. // option = new Option(res.data[i].name,res.data[i].id);o
  1076. if (option!=null){
  1077. selectCities.add(option)
  1078. }
  1079. }
  1080. layui.form.render('select')
  1081. layui.form.render();
  1082. }else{
  1083. }
  1084. });
  1085. },
  1086. loadCities: function (){
  1087. $("#city").html('')
  1088. //alert("改变方法执行了!")
  1089. let provinceId = $("#province option:selected").val();
  1090. App.postJson("/api/division/listTop", {}, function(res){
  1091. if(res.success){
  1092. let selectCities = document.getElementById("city");
  1093. selectCities.add(new Option("请选择对应的城市", "0"));
  1094. let option = null;
  1095. for (let i = 0; i < data.length; i++) {
  1096. option = new Option(data[i].cityName, data[i].cityId);
  1097. selectCities.add(option)
  1098. }
  1099. form.render('select')
  1100. form.render();
  1101. }else{
  1102. }
  1103. });
  1104. },
  1105. loadRegions: function (){
  1106. $("#region").html('');
  1107. let cityId=$("#city option:selected").val();
  1108. App.postJson("/api/subject/subInfo/saveTemp", this.subInfo, function(res){
  1109. if(res.success){
  1110. let selectRegions = document.getElementById("region");
  1111. selectRegions.add(new Option("请选择对应的区",0))
  1112. let option=null
  1113. for (let i=0;i<data.length;i++){
  1114. option=new Option(data[i].regionName,data[i].regionId);
  1115. selectRegions.add(option);
  1116. }
  1117. form.render('select')
  1118. form.render();
  1119. }else{
  1120. }
  1121. });
  1122. }
  1123. }
  1124. })
  1125. </script>
  1126. </body>
  1127. </html>