reportform.html 48 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>广西自学考试网上系统</title>
  5. <meta charset="UTF-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. <!--<link rel="stylesheet" href="https://unpkg.com/element-ui@2.4.11/lib/theme-chalk/index.css">-->
  8. <!--<link rel="stylesheet" href="https://unpkg.com/element-ui@2.4.11/lib/theme-chalk/index.css">-->
  9. <link rel="stylesheet" href="https://lib.baomitu.com/element-ui/2.12.0/theme-chalk/index.css">
  10. <script src="https://lib.baomitu.com/jquery/1.12.4/jquery.min.js"></script>
  11. <script src="./vendor/md5/md5.js" type="text/javascript"></script>
  12. <script src="./js/tool.js"></script>
  13. <script src="https://lib.baomitu.com/vue/2.5.17/vue.min.js"></script>
  14. <script src="https://lib.baomitu.com/element-ui/2.4.11/index.js"></script>
  15. <script>
  16. function keyDown(){
  17. if (event.keyCode==13) //回车键的键值为13
  18. document.getElementById("loginBtn").click(); //调用登录按钮的登录事件
  19. }
  20. </script>
  21. </head>
  22. <body onkeydown="keyDown();">
  23. <div id="particles-js"></div>
  24. <div id="app">
  25. <div class="center" v-show="loaded">
  26. <div class="content">
  27. <el-card class="box-card" style="position: absolute;top: 5%;left:30%;width: 520px;">
  28. <div slot="header" class="clearfix" style="text-align: center;">
  29. <span>广西{{exam_year}}年{{exam_month}}月自学考试考生赴考报备表</span>
  30. </div>
  31. <el-form ref="loginForm" :model="loginForm" :rules="loginFormRule">
  32. <form class="el-form">
  33. <div class="el-form-item" style="margin-bottom:5px;">
  34. <div class="el-form-item__content">
  35. <div class="el-input el-input-group el-input-group--prepend">
  36. <div class="el-input-group__prepend" style="padding-left: 85px;padding-right: 5px;color: black">
  37. <font style="color:red;">*</font>姓名
  38. </div>
  39. <input v-model="loginForm.std_name" maxlength="16" style="width:316px;" readonly
  40. type="text" autocomplete="off" placeholder="请填写姓名" class="el-input__inner">
  41. </div>
  42. </div>
  43. </div>
  44. <div class="el-form-item" style="margin-bottom:5px;">
  45. <div class="el-form-item__content">
  46. <div class="el-input el-input-group el-input-group--prepend">
  47. <div class="el-input-group__prepend" style="padding-left: 57px;padding-right: 5px;color: black">
  48. <font style="color:red;">*</font>准考证号
  49. </div>
  50. <input v-model="loginForm.ticket_no" maxlength="11" readonly style="width:316px;"
  51. type="text" autocomplete="off" placeholder="请填写准考证号" class="el-input__inner">
  52. </div>
  53. </div>
  54. </div>
  55. <div class="el-form-item" style="margin-bottom:5px;">
  56. <div class="el-form-item__content">
  57. <div class="el-input el-input-group el-input-group--prepend">
  58. <div class="el-input-group__prepend" style="padding-left: 72px;padding-right: 5px;color: black">
  59. <font style="color:red;">*</font>手机号
  60. </div>
  61. <input v-model="loginForm.std_mobile" maxlength="16" style="width:316px;"
  62. type="text" autocomplete="off" placeholder="请填写手机号" class="el-input__inner">
  63. </div>
  64. </div>
  65. </div>
  66. <div class="el-form-item" style="margin-bottom:5px;">
  67. <div class="el-form-item__content">
  68. <div class="el-input el-input-group el-input-group--prepend" style="width:443px;">
  69. <div class="el-input-group__prepend el-input__inner" style="padding-left: 5px;color: black;">
  70. <font style="color:red;">*</font>您当前是否已在考点所在城市
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75. <div class="el-form-item" style="margin-bottom:5px;">
  76. <div class="el-form-item__content">
  77. <div class="el-input el-input-group el-input-group--prepend">
  78. <el-radio name="el-radio1" style="padding-left: 140px;width:120px;border: 0px solid #DCDFE6;" class="el-input__inner" label="是" v-model="loginForm.already_in_city" >是</el-radio>
  79. <el-radio name="el-radio1" style="padding-left: 0px;width:120px;border: 0px solid #DCDFE6;" class="el-input__inner" label="否" v-model="loginForm.already_in_city" >否</el-radio>
  80. </div>
  81. </div>
  82. </div>
  83. <div class="el-form-item" style="margin-bottom:5px;">
  84. <div class="el-form-item__content">
  85. <el-row style="color:#409EFF;margin-bottom:0px;padding-bottom:0px;">
  86. <el-col :span="8" style="margin-bottom:0px;padding-bottom:0px;">
  87. <font style="color:red;">*</font>当前所在地区
  88. </el-col>
  89. </el-row>
  90. <div class="el-input el-input-group el-input-group--prepend">
  91. <div class="el-input-group__prepend" style="padding-left: 5px;padding-right: 0px;color: black">
  92. <font style="color:red;">*</font>省(市、自治区)
  93. </div>
  94. <el-select v-model="loginForm.current_province" filterable placeholder="请选择省(市、自治区)" @change="cityChange" style="width:316px;">
  95. <el-option v-for="(item) in provinces" :key="item.code_id" :label="item.code_name" :value="item.code_id"></el-option>
  96. </el-select>
  97. </div>
  98. </div>
  99. </div>
  100. <div class="el-form-item" style="margin-bottom:5px;">
  101. <div class="el-form-item__content">
  102. <div class="el-input el-input-group el-input-group--prepend">
  103. <div class="el-input-group__prepend" style="padding-left: 98px;padding-right: 5px;color: black">
  104. <font style="color:red;">*</font>市
  105. </div>
  106. <el-select v-model="loginForm.current_city" filterable placeholder="请选择市" @change="countyChange" style="width:316px;">
  107. <el-option v-for="(item) in citys" :key="item.code_id" :label="item.code_name" :value="item.code_id"></el-option>
  108. </el-select>
  109. </div>
  110. </div>
  111. </div>
  112. <div class="el-form-item" style="margin-bottom:5px;">
  113. <div class="el-form-item__content">
  114. <div class="el-input el-input-group el-input-group--prepend">
  115. <div class="el-input-group__prepend" style="padding-left: 56px;padding-right: 5px;color: black">
  116. <font style="color:red;">*</font>区(县)
  117. </div>
  118. <el-select v-model="loginForm.current_county" filterable placeholder="请选择区(县)" style="width:316px;">
  119. <el-option v-for="(item) in countys" :key="item.code_id" :label="item.code_name" :value="item.code_id"></el-option>
  120. </el-select>
  121. </div>
  122. </div>
  123. </div>
  124. <div class="el-form-item" style="margin-bottom:5px;">
  125. <div class="el-form-item__content">
  126. <div class="el-input el-input-group el-input-group--prepend">
  127. <div class="el-input-group__prepend" style="padding-left: 56px;padding-right: 5px;color: black">
  128. <font style="color:red;">*</font>详细地址
  129. </div>
  130. <input v-model="loginForm.current_address" maxlength="128" style="width:316px;"
  131. type="text" autocomplete="off" placeholder="如街道、门牌号、小区、乡镇、村等" class="el-input__inner">
  132. </div>
  133. </div>
  134. </div>
  135. <div class="el-form-item" style="margin-bottom:5px;" v-show="loginForm.already_in_city=='否'">
  136. <div class="el-form-item__content">
  137. <div class="el-input el-input-group el-input-group--prepend">
  138. <div class="el-input-group__prepend el-input__inner" style="padding-left: 5px;padding-right: 5px;color: black;">
  139. <font style="color:red;">*</font>预计出行至报考考区的时间
  140. </div>
  141. <el-date-picker value-format="yyyy-MM-dd" type="date" v-model="loginForm.travel_date" placeholder="选择出行时间" style="width:256px;"></el-date-picker>
  142. </div>
  143. </div>
  144. </div>
  145. <div class="el-form-item" style="margin-bottom:5px;" v-show="loginForm.already_in_city=='否'">
  146. <div class="el-form-item__content">
  147. <el-row style="color:#409EFF;margin-bottom:0px;padding-bottom:0px;">
  148. <el-col :span="8" style="margin-bottom:0px;padding-bottom:0px;">
  149. <font style="color:red;">*</font>抵达考区后入住地区
  150. </el-col>
  151. </el-row>
  152. <div class="el-input el-input-group el-input-group--prepend">
  153. <div class="el-input-group__prepend" style="padding-left: 5px;padding-right: 0px;color: black">
  154. <font style="color:red;">*</font>省(市、自治区)
  155. </div>
  156. <el-select v-model="loginForm.arrive_province" filterable placeholder="请选择省(市、自治区)" @change="arrivecityChange" style="width:316px;">
  157. <el-option v-for="(item) in arriveprovinces" :key="item.code_id" :label="item.code_name" :value="item.code_id"></el-option>
  158. </el-select>
  159. </div>
  160. </div>
  161. </div>
  162. <div class="el-form-item" style="margin-bottom:5px;" v-show="loginForm.already_in_city=='否'">
  163. <div class="el-form-item__content">
  164. <div class="el-input el-input-group el-input-group--prepend">
  165. <div class="el-input-group__prepend" style="padding-left: 98px;padding-right: 5px;color: black">
  166. <font style="color:red;">*</font>市
  167. </div>
  168. <el-select v-model="loginForm.arrive_city" filterable placeholder="请选择市" @change="arrivecountyChange" style="width:316px;">
  169. <el-option v-for="(item) in arrivecitys" :key="item.code_id" :label="item.code_name" :value="item.code_id"></el-option>
  170. </el-select>
  171. </div>
  172. </div>
  173. </div>
  174. <div class="el-form-item" style="margin-bottom:5px;" v-show="loginForm.already_in_city=='否'">
  175. <div class="el-form-item__content">
  176. <div class="el-input el-input-group el-input-group--prepend">
  177. <div class="el-input-group__prepend" style="padding-left: 56px;padding-right: 5px;color: black">
  178. <font style="color:red;">*</font>区(县)
  179. </div>
  180. <el-select v-model="loginForm.arrive_county" filterable placeholder="请选择区(县)" style="width:316px;">
  181. <el-option v-for="(item) in arrivecountys" :key="item.code_id" :label="item.code_name" :value="item.code_id"></el-option>
  182. </el-select>
  183. </div>
  184. </div>
  185. </div>
  186. <div class="el-form-item" style="margin-bottom:5px;" v-show="loginForm.already_in_city=='否'">
  187. <div class="el-form-item__content">
  188. <div class="el-input el-input-group el-input-group--prepend">
  189. <div class="el-input-group__prepend" style="padding-left: 56px;padding-right: 5px;color: black">
  190. <font style="color:red;">*</font>详细地址
  191. </div>
  192. <input v-model="loginForm.arrive_address" maxlength="128" style="width:316px;"
  193. type="text" autocomplete="off" placeholder="如街道、门牌号、小区、乡镇、村等" class="el-input__inner">
  194. </div>
  195. </div>
  196. </div>
  197. <div class="el-form-item" style="margin-bottom:5px;">
  198. <div class="el-form-item__content">
  199. <div class="el-input el-input-group el-input-group--prepend" style="width:443px;">
  200. <div class="el-input-group__prepend el-input__inner" style="padding-left: 5px;padding-right: 5px;color: black">
  201. <font style="color:red;">*</font>考前{{days}}天期间,是否计划去或去过除当前所在地及考区所在地外的市
  202. </div>
  203. </div>
  204. </div>
  205. </div>
  206. <div class="el-form-item" style="margin-bottom:5px;">
  207. <div class="el-form-item__content">
  208. <div class="el-input el-input-group el-input-group--prepend">
  209. <el-radio name="el-radio2" style="padding-left: 140px;width:120px;border: 0px solid #DCDFE6;" class="el-input__inner" label="是" v-model="loginForm.is_plan_city" @change.native="setIs_plan_city('是')">是</el-radio>
  210. <el-radio name="el-radio2" style="padding-left: 0px;width:120px;border: 0px solid #DCDFE6;" class="el-input__inner" label="否" v-model="loginForm.is_plan_city" @change.native="setIs_plan_city('否')">否</el-radio>
  211. </div>
  212. </div>
  213. </div>
  214. <div v-show="loginForm.is_plan_city=='是'" v-for="(i,index) in plan_citys" :key="i.id" v-if="i != null">
  215. <div class="el-form-item" style="margin-bottom:5px;">
  216. <div class="el-form-item__content">
  217. <el-row style="color:#409EFF;margin-bottom:0px;padding-bottom:0px;">
  218. <el-col :span="24" style="margin-bottom:0px;padding-bottom:0px;">
  219. <font style="color:red;">*</font>计划或去过的地区<span style="padding-left:160px;">
  220. <li class="el-icon-plus" style="color:green;cursor:pointer;" title="点击新增一行" @click="addRow()">添加一行</li>&nbsp;&nbsp;&nbsp;
  221. <li class="el-icon-close" style="color:red;cursor:pointer;" title="点击删除该行" @click="delRow(index)">删除该行</li>
  222. </span>
  223. </el-col>
  224. </el-row>
  225. <div class="el-input el-input-group el-input-group--prepend">
  226. <div class="el-input-group__prepend" style="padding-left: 5px;padding-right: 0px;color: black">
  227. <font style="color:red;">*</font>省(市、自治区)
  228. </div>
  229. <el-select v-model="i.plan_province" filterable placeholder="请选择省(市、自治区)" @change="plancityChange" style="width:316px;">
  230. <el-option v-for="(item) in planprovinces" :key="item.code_id" :label="item.code_name" :value="item.code_id"></el-option>
  231. </el-select>
  232. </div>
  233. </div>
  234. </div>
  235. <div class="el-form-item" style="margin-bottom:5px;" >
  236. <div class="el-form-item__content">
  237. <div class="el-input el-input-group el-input-group--prepend">
  238. <div class="el-input-group__prepend" style="padding-left: 98px;padding-right: 5px;color: black">
  239. <font style="color:red;">*</font>市
  240. </div>
  241. <el-select v-if="i.id != null" v-model="i.plan_city" filterable placeholder="请选择市" @change="plancountyChange" style="width:316px;">
  242. <el-option v-for="(item) in i.citys" :key="item.code_id" :label="item.code_name" :value="item.code_id"></el-option>
  243. </el-select>
  244. <el-select v-if="i.id == null" v-model="i.plan_city" filterable placeholder="请选择市" @change="plancountyChange" style="width:316px;">
  245. <el-option v-for="(item) in plancitys" :key="item.code_id" :label="item.code_name" :value="item.code_id"></el-option>
  246. </el-select>
  247. </div>
  248. </div>
  249. </div>
  250. <div class="el-form-item" style="margin-bottom:5px;" >
  251. <div class="el-form-item__content">
  252. <div class="el-input el-input-group el-input-group--prepend">
  253. <div class="el-input-group__prepend" style="padding-left: 61px;padding-right: 0px;color: black">
  254. <font style="color:red;">*</font>区(县)
  255. </div>
  256. <el-select v-if="i.id != null" v-model="i.plan_county" filterable placeholder="请选择区(县)" style="width:316px;">
  257. <el-option v-for="(item) in i.countys" :key="item.code_id" :label="item.code_name" :value="item.code_id"></el-option>
  258. </el-select>
  259. <el-select v-if="i.id == null" v-model="i.plan_county" filterable placeholder="请选择区(县)" style="width:316px;">
  260. <el-option v-for="(item) in plancountys" :key="item.code_id" :label="item.code_name" :value="item.code_id"></el-option>
  261. </el-select>
  262. </div>
  263. </div>
  264. </div>
  265. </div>
  266. <div class="el-form-item" style="margin-bottom:5px;">
  267. <div class="el-form-item__content">
  268. <el-row style="color:#409EFF;margin-bottom:0px;padding-bottom:0px;">
  269. <el-col :span="14" style="margin-bottom:0px;padding-bottom:0px;">
  270. <font style="color:red;">*</font>如在考前7天存在以下现象,请及时填报
  271. </el-col>
  272. </el-row>
  273. <div class="el-input el-input-group el-input-group--prepend" style="width:443px;">
  274. <div class="el-input-group__prepend el-input__inner" style="padding-left: 5px;padding-right: 5px;color: black">
  275. <font style="color:red;">*</font>是否有中、高或者低风险地区所在市(县、区)旅居史
  276. </div>
  277. </div>
  278. </div>
  279. </div>
  280. <div class="el-form-item" style="margin-bottom:5px;">
  281. <div class="el-form-item__content">
  282. <div class="el-input el-input-group el-input-group--prepend">
  283. <el-radio name="el-radio3" style="padding-left: 140px;width:120px;border: 0px solid #DCDFE6;" class="el-input__inner" label="是" v-model="loginForm.is_high_risk" >是</el-radio>
  284. <el-radio name="el-radio3" style="padding-left: 0px;width:120px;border: 0px solid #DCDFE6;" class="el-input__inner" label="否" v-model="loginForm.is_high_risk" >否</el-radio>
  285. </div>
  286. </div>
  287. </div>
  288. <div class="el-form-item" style="margin-bottom:5px;">
  289. <div class="el-form-item__content">
  290. <div class="el-input el-input-group el-input-group--prepend" style="width:443px;">
  291. <div class="el-input-group__prepend el-input__inner" style="padding-left: 5px;padding-right: 5px;color: black">
  292. <font style="color:red;">*</font>是否处于隔离或居家观察中
  293. </div>
  294. </div>
  295. </div>
  296. </div>
  297. <div class="el-form-item" style="margin-bottom:5px;">
  298. <div class="el-form-item__content">
  299. <div class="el-input el-input-group el-input-group--prepend">
  300. <el-radio name="el-radio4" style="padding-left: 140px;width:120px;border: 0px solid #DCDFE6;" class="el-input__inner" label="是" v-model="loginForm.is_quarantine" >是</el-radio>
  301. <el-radio name="el-radio4" style="padding-left: 0px;width:120px;border: 0px solid #DCDFE6;" class="el-input__inner" label="否" v-model="loginForm.is_quarantine">否</el-radio>
  302. </div>
  303. </div>
  304. </div>
  305. <div class="el-form-item" style="margin-bottom:5px;">
  306. <div class="el-form-item__content">
  307. <div class="el-input el-input-group el-input-group--prepend" style="width:443px;">
  308. <div class="el-input-group__prepend el-input__inner" style="padding-left: 5px;padding-right: 5px;color: black">
  309. 本人郑重承诺:
  310. </div>
  311. </div>
  312. </div>
  313. </div>
  314. <div class="el-form-item" style="margin-bottom:5px;padding-bottom:0px;">
  315. <div class="el-form-item__content" style="margin-bottom:0px;padding-bottom:0px;">
  316. <div class="el-input el-input-group el-input-group--prepend">
  317. <el-checkbox style="margin-bottom:0px;padding: bottom 4px;" v-model="loginForm.promise_one">本人已详细阅读{{exam_year}}年{{exam_month}}月广西高等自学考试防疫须知。</el-checkbox>
  318. <center><a style="color:blue;margin-bottom:0px;padding-bottom:4px" href="javascript:void(0)" @click="to_ticket_promise_one()" target="_new2">防疫须知链接</a> </center>
  319. <el-checkbox style="margin-bottom:0px;padding-bottom:4px;" v-model="loginForm.promise_two">本人对以上信息内容的真实性和完整性负责,本人保证遵守属地疫情管控</el-checkbox>
  320. <span style="margin-bottom:0px;padding-bottom:4px;">各项规定,配合并听从疫情管控各项措施和要求。</span>
  321. </div>
  322. </div>
  323. </div>
  324. <div class="el-form-item">
  325. <div class="el-form-item__content">
  326. <div class="el-input el-input-group el-input-group--prepend">
  327. <div class="el-input-group__prepend" style="padding-left: 61px;padding-right: 5px;color: black">
  328. <font style="color:red;">*</font>校验码
  329. </div>
  330. <input v-model="validateCode" maxlength="4" style="width:316px;"
  331. type="text" autocomplete="off" placeholder="校验码" class="el-input__inner">
  332. <i v-if="validateCode_check==1" class="fa fa-check-circle-o fa-lg" style="font-size: 22px; position: absolute;top: 15px;right: 100px;height: 80%;color:#67C23A"></i>
  333. <i v-if="validateCode_check==0" class="fa fa-times-circle-o fa-lg" style="font-size: 22px; position: absolute;top: 15px;right: 100px;height: 80%;color: #F56C6C"></i>
  334. <i v-if="validateCode_check=='loading'" class="fa fa-spinner fa-lg" style="font-size: 22px; position: absolute;top: 15px;right: 100px;height: 80%;color: blue"></i>
  335. <img :src="validateCodesrc" @click="freshImg" style="padding-right:48px;cursor:pointer; position: absolute;top: 5px;right: 2px;height: 80%;">
  336. </div>
  337. </div>
  338. </div>
  339. <el-form-item>
  340. <el-button type="primary" id="loginBtn" class="btn-long" @click="login('loginForm')">提交</el-button>
  341. <!--
  342. <span style="cursor:pointer;color: red; position: absolute;top: 35px;left: 2px;height: 80%;">没有手机号码,请选择密保设置</span>
  343. <a style="cursor:pointer; position: absolute;top: 35px;right: 2px;height: 80%;" href="javascript:void(0)" @click="goQuestion()">设置密保问题</a>
  344. -->
  345. </el-form-item>
  346. <div class="el-form-item" style="padding-bottom: 20px;">
  347. <div class="el-form-item__content" style="margin-bottom:0px;padding-bottom:0px;">
  348. <div class="el-input el-input-group el-input-group--prepend">
  349. <span style="margin-bottom:0px;padding-bottom:4px;font-size: 16px;">温馨提示:</span>
  350. <br>
  351. <span style="margin-bottom:0px;padding-bottom:4px;" >1.鉴于目前国内多地疫情频发,考试组织工作及疫情防控措施将根据疫情防控形势变化适时调整,请考生密切关注广西招生考试院官网或微信公众号“柳园清风”,获悉最新考试疫情防控要求。</span>
  352. <br>
  353. <span style="margin-bottom:0px;padding-bottom:4px;" >2.考生以上信息如有变动,请及时登录本系统,点击“赴考报备表”进行修改。</span>
  354. <br>
  355. <span style="margin-bottom:0px;padding-bottom:4px;" >3.本系统采集的信息仅用于考试疫情防控,不做其他用途。</span>
  356. </div>
  357. </div>
  358. </div>
  359. </form>
  360. </el-form>
  361. </el-card>
  362. </div>
  363. </div>
  364. </div>
  365. </body>
  366. <script>
  367. new Vue({
  368. el: '#app',
  369. computed: {
  370. validateCodesrc: function() {
  371. this.randomnum = Date.parse(new Date());
  372. return basePath + "/std/validateCode.htm?"+this.randomnum;
  373. },
  374. },
  375. watch: {
  376. validateCode: function(newValue, oldValue) {
  377. if(newValue && newValue.length ==4){
  378. this.validateCode_check = "loading";
  379. var this_ = this;
  380. //请求验证 验证码
  381. ajaxRequest("", '/std/stdRegInfo/checkValidateCode.htm', {validateCode:this.validateCode}, function (resp) {
  382. if (resp.success) {
  383. this_.validateCode_check = 1;
  384. } else {
  385. this_.validateCode_check = 0;
  386. }
  387. })
  388. }
  389. },
  390. },
  391. data: function () {
  392. return {
  393. showInfo:true,
  394. randomnum:null,
  395. validateCode_check:null,
  396. loaded: false,
  397. isLogin:false,
  398. logoPath: "",
  399. productName: "广西自考报考系统",
  400. errorInfo: null,
  401. validateCode: "",
  402. isMutiAccount:false,
  403. selection:null,
  404. accountArrayloading:false,
  405. secCountDown: 0,
  406. secCountDownInfo:"发送验证码",
  407. provinces:[],
  408. citys:[],
  409. countys:[],
  410. year_code:null,
  411. exam_year:null,
  412. exam_month:null,
  413. days:null,
  414. arriveprovinces:[],
  415. arrivecitys:[],
  416. arrivecountys:[],
  417. planprovinces:[],
  418. plancitys:[],
  419. plancountys:[],
  420. plan_citys: [],
  421. planCity: {
  422. plan_province:"",
  423. plan_city:"",
  424. plan_county:"",
  425. },
  426. ticket_promise_one:null,
  427. loginForm: {
  428. already_in_city:"",
  429. std_name:"",
  430. ticket_no:"",
  431. std_mobile: "",
  432. current_province:"",
  433. current_city:"",
  434. current_county:"",
  435. current_address:"",
  436. travel_date:"",
  437. arrive_province:"",
  438. carrive_city:"",
  439. arrive_county:"",
  440. arrive_address:"",
  441. promise_one:"",
  442. promise_two:"",
  443. is_plan_city:"否",
  444. is_high_risk:"",
  445. is_quarantine:"",
  446. planJson:null,
  447. validateCode:"",
  448. std_id:"",
  449. },
  450. loginFormRule: {
  451. std_mobile: [{
  452. required: true,
  453. message: "请填写手机号",
  454. trigger: "blur"
  455. }],
  456. }
  457. }
  458. },
  459. mounted: function() {
  460. this.loading = true;
  461. let std_id = '';
  462. let uerStr = localStorage.getItem("user");
  463. let user = null;
  464. if(uerStr){
  465. let user = JSON.parse(uerStr);
  466. if(user){
  467. std_id = user.id;
  468. this.loginForm = user;
  469. }
  470. }
  471. let _this = this;
  472. ajaxRequest("", '/std/stdRegInfo/initForReportForm.htm', {std_id:std_id}, function (resp) {
  473. if (resp.success) {
  474. _this.provinces = resp.map.provinces;
  475. _this.year_code = resp.map.year_code;
  476. _this.exam_year = resp.map.exam_year;
  477. _this.exam_month = resp.map.exam_month;
  478. _this.days = resp.map.days;
  479. _this.loginForm.current_province = "450000";
  480. _this.cityChange("450000");
  481. _this.arriveprovinces = resp.map.provinces;
  482. _this.loginForm.arrive_province = "450000";
  483. _this.arrivecityChange("450000");
  484. _this.planprovinces = resp.map.provinces;
  485. _this.ticket_promise_one = resp.map.ticket_promise_one;
  486. if(resp.map.stdReportForm){
  487. _this.loginForm = resp.map.stdReportForm;
  488. if(_this.loginForm.current_city){
  489. _this.countyChange(_this.loginForm.current_city);
  490. }
  491. if(_this.loginForm.arrive_city){
  492. _this.arrivecountyChange(_this.loginForm.arrive_city);
  493. }
  494. }else{
  495. _this.loginForm.id = null;
  496. //_this.loginForm.already_in_city = "是";
  497. }
  498. if(resp.map.plans){
  499. _this.plan_citys = resp.map.plans;
  500. }
  501. }
  502. });
  503. this.loading = false;
  504. },
  505. created: function() {
  506. this.loaded = true;
  507. },
  508. methods: {
  509. freshImg: function(){
  510. this.randomnum = Date.parse(new Date());
  511. },
  512. goLogin: function() {
  513. window.location.href = "./login.html";
  514. },
  515. goQuestion: function() {
  516. //跳转设置密保问题页面
  517. window.location.href = "./question.html";
  518. },
  519. sendSmsForLoginBindPhone: function(){
  520. var _this = this;
  521. if(!_this.loginForm.std_mobile){
  522. this.errorInfo = "请填写手机号";
  523. return;
  524. }
  525. // if(!_this.validateCode){
  526. // _this.errorInfo = "请填写校验码";
  527. // return;
  528. // }
  529. let std_id = '';
  530. let uerStr = localStorage.getItem("user");
  531. if(uerStr){
  532. let user = JSON.parse(uerStr);
  533. if(user){
  534. std_id = user.id;
  535. }
  536. }
  537. ajaxRequest("", '/std/sendSmsForLoginBindPhone.htm', {std_id:std_id,std_mobile:this.loginForm.std_mobile }, function (resp) {
  538. if(resp.success==true){
  539. _this.secCountDown = 60;
  540. var int = setInterval(function(){
  541. _this.secCountDown--;
  542. if(_this.secCountDown == 0){
  543. clearInterval(int);
  544. //恢复 发送按钮
  545. _this.secCountDownInfo = "发送验证码";
  546. }else{
  547. //倒计时提示
  548. _this.secCountDownInfo = _this.secCountDown+"秒后可重新发送";
  549. }
  550. },1000);
  551. _this.errorInfo = "验证码发送成功,请填写短信验证码!";
  552. }else if(resp.success==false && resp.errorMsg){
  553. _this.errorInfo = resp.errorMsg;
  554. }else{
  555. _this.errorInfo = "验证码发送失败,请重新尝试!";
  556. }
  557. //_this.freshImg();
  558. //_this.validateCode = "";
  559. })
  560. },
  561. login: function () {
  562. this.errorInfo = null;
  563. var _this = this;
  564. if(!this.loginForm.std_name){
  565. alert("请填写姓名");
  566. return;
  567. }
  568. if(!this.loginForm.std_mobile){
  569. alert("请填写手机号");
  570. return;
  571. }
  572. if(!this.loginForm.already_in_city){
  573. alert("请选择您当前是否已在考点所在城市");
  574. return;
  575. }
  576. if(!this.loginForm.current_province){
  577. alert("请选择当前所在地区省(市、自治区)");
  578. return;
  579. }
  580. if(!this.loginForm.current_city){
  581. alert("请选择当前所在地区市");
  582. return;
  583. }
  584. if(!this.loginForm.current_county){
  585. alert("请选择当前所在地区区(县)");
  586. return;
  587. }
  588. if(!this.loginForm.current_address){
  589. alert("请填写当前所在地区详细地址");
  590. return;
  591. }
  592. if(this.loginForm.already_in_city =='否'){
  593. if(!this.loginForm.travel_date){
  594. alert("请填写预计出行至报考考区的时间");
  595. return;
  596. }
  597. if(!this.loginForm.arrive_province){
  598. alert("请选择抵达考区后入住地区省(市、自治区)");
  599. return;
  600. }
  601. if(!this.loginForm.arrive_city){
  602. alert("请选择抵达考区后入住地区市");
  603. return;
  604. }
  605. if(!this.loginForm.arrive_county){
  606. alert("请选择抵达考区后入住地区区(县)");
  607. return;
  608. }
  609. if(!this.loginForm.arrive_address){
  610. alert("请选择抵达考区后入住地区详细地址");
  611. return;
  612. }
  613. }
  614. if(!this.loginForm.is_plan_city){
  615. alert("请选择考前14天期间,是否计划去或去过除当前所在地及考区所在地外的市");
  616. return;
  617. }
  618. if(this.loginForm.is_plan_city == '是'){
  619. for (let i = 0; i < this.plan_citys.length; i++) {
  620. const item = this.plan_citys[i];
  621. if(!item.plan_province){
  622. alert("请选择计划或去过的地区第"+(i+1)+"行的省(市、自治区)!");
  623. return;
  624. }
  625. if(!item.plan_city){
  626. alert("请选择计划或去过的地区第"+(i+1)+"行的市!");
  627. return;
  628. }
  629. if(!item.plan_county){
  630. alert("请选择计划或去过的地区第"+(i+1)+"行的区(县)!");
  631. return;
  632. }
  633. }
  634. }
  635. if(!this.loginForm.is_high_risk){
  636. alert("请选择是否有中、高或者低风险地区所在市(县、区)旅居史");
  637. return;
  638. }
  639. if(!this.loginForm.is_quarantine){
  640. alert("请选择是否处于隔离或居家观察中");
  641. return;
  642. }
  643. if(!this.loginForm.promise_one){
  644. alert("请选择本人已详细阅读"+this.exam_year+"年"+this.exam_month+"月广西高等自学考试防疫须知");
  645. return;
  646. }
  647. if(!this.loginForm.promise_two){
  648. alert("请选择本人对以上信息内容的真实性和完整性负责,本人保证遵守属地疫情管控各项规定,配合并听从疫情管控各项措施和要求。");
  649. return;
  650. }
  651. //if(!this.loginForm.current_address){
  652. // this.errorInfo = "请填写详细地址";
  653. // return;
  654. // }else{
  655. // this.loginForm.current_address = this.loginForm.current_address.trim();
  656. //}
  657. //var regex = new RegExp('(?=.*[0-9])(?=.*[a-zA-Z])(?=.*[^a-zA-Z0-9]).{8,30}');
  658. //var regex = new RegExp('^([\u4E00-\u9FA5A-Za-z0-9\uFF0E\,\s,-,_,—,-](?!\u3000))+$');
  659. //var regex = new RegExp('[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.\,\?\<\>\。\,\-\——\=\;\@\!\!\+\$]/g');
  660. //if (!regex.test(this.loginForm.current_address)) {
  661. // this.errorInfo = "详细地址只允许输入中文、英文或数字!";
  662. // return;
  663. // }
  664. // this.errorInfo = null;
  665. if(!this.validateCode){
  666. alert("请填写校验码");
  667. return;
  668. }
  669. let info = "确定提交"+this.exam_year+"年"+this.exam_month+"月广西自学考试考生赴考报备表";
  670. var rtn = window.confirm(info);
  671. if(rtn){
  672. var cloneLoginForm = JSON.parse(JSON.stringify(this.loginForm));
  673. cloneLoginForm.planJson=JSON.stringify(this.plan_citys);
  674. cloneLoginForm.validateCode = this.validateCode;
  675. let std_id = '';
  676. let uerStr = localStorage.getItem("user");
  677. if(uerStr){
  678. let user = JSON.parse(uerStr);
  679. if(user){
  680. std_id = user.id;
  681. }
  682. }
  683. cloneLoginForm.std_id = std_id;
  684. ajaxRequest("", '/std/addStdeRportForm.htm', cloneLoginForm, function (resp) {
  685. if (resp.success) {
  686. if(!resp.login){
  687. alert("请先登录后再提交"+this.exam_year+"年"+this.exam_month+"月广西自学考试考生赴考报备表!");
  688. _this.freshImg();
  689. _this.validateCode = "";
  690. _this.isLogin = true;
  691. }else{
  692. _this.$alert(_this.exam_year+"年"+_this.exam_month+"月广西自学考试考生赴考报备表提交成功!", '信息提示', {
  693. confirmButtonText: '确定', callback: function() {
  694. window.location.href = "../#/index";
  695. }
  696. });
  697. }
  698. } else {
  699. alert(resp.errorMsg);
  700. _this.freshImg();
  701. _this.validateCode = "";
  702. }
  703. })
  704. }
  705. },
  706. cityChange(parent_id){
  707. if(!parent_id) return;
  708. let std_id = '';
  709. let uerStr = localStorage.getItem("user");
  710. if(uerStr){
  711. let user = JSON.parse(uerStr);
  712. if(user){
  713. std_id = user.id;
  714. }
  715. }
  716. let _this = this;
  717. ajaxRequest("", '/std/stdRegInfo/queryBzmbGbXzqhdm.htm', {std_id:std_id,parent_id:parent_id}, function (resp) {
  718. if (resp.success) {
  719. _this.citys = resp.map.data;
  720. }
  721. });
  722. },
  723. countyChange(parent_id){
  724. if(!parent_id) return;
  725. let std_id = '';
  726. let uerStr = localStorage.getItem("user");
  727. if(uerStr){
  728. let user = JSON.parse(uerStr);
  729. if(user){
  730. std_id = user.id;
  731. }
  732. }
  733. let _this = this;
  734. ajaxRequest("", '/std/stdRegInfo/queryBzmbGbXzqhdm.htm', {std_id:std_id,parent_id:parent_id}, function (resp) {
  735. if (resp.success) {
  736. _this.countys = resp.map.data;
  737. }
  738. });
  739. },
  740. arrivecityChange(parent_id){
  741. if(!parent_id) return;
  742. let std_id = '';
  743. let uerStr = localStorage.getItem("user");
  744. if(uerStr){
  745. let user = JSON.parse(uerStr);
  746. if(user){
  747. std_id = user.id;
  748. }
  749. }
  750. let _this = this;
  751. ajaxRequest("", '/std/stdRegInfo/queryBzmbGbXzqhdm.htm', {std_id:std_id,parent_id:parent_id}, function (resp) {
  752. if (resp.success) {
  753. _this.arrivecitys = resp.map.data;
  754. }
  755. });
  756. },
  757. arrivecountyChange(parent_id){
  758. if(!parent_id) return;
  759. let std_id = '';
  760. let uerStr = localStorage.getItem("user");
  761. if(uerStr){
  762. let user = JSON.parse(uerStr);
  763. if(user){
  764. std_id = user.id;
  765. }
  766. }
  767. let _this = this;
  768. ajaxRequest("", '/std/stdRegInfo/queryBzmbGbXzqhdm.htm', {std_id:std_id,parent_id:parent_id}, function (resp) {
  769. if (resp.success) {
  770. _this.arrivecountys = resp.map.data;
  771. }
  772. });
  773. },
  774. plancityChange(parent_id){
  775. if(!parent_id) return;
  776. let std_id = '';
  777. let uerStr = localStorage.getItem("user");
  778. if(uerStr){
  779. let user = JSON.parse(uerStr);
  780. if(user){
  781. std_id = user.id;
  782. }
  783. }
  784. let _this = this;
  785. ajaxRequest("", '/std/stdRegInfo/queryBzmbGbXzqhdm.htm', {std_id:std_id,parent_id:parent_id}, function (resp) {
  786. if (resp.success) {
  787. _this.plancitys = resp.map.data;
  788. }
  789. });
  790. },
  791. plancountyChange(parent_id){
  792. if(!parent_id) return;
  793. let std_id = '';
  794. let uerStr = localStorage.getItem("user");
  795. if(uerStr){
  796. let user = JSON.parse(uerStr);
  797. if(user){
  798. std_id = user.id;
  799. }
  800. }
  801. let _this = this;
  802. ajaxRequest("", '/std/stdRegInfo/queryBzmbGbXzqhdm.htm', {std_id:std_id,parent_id:parent_id}, function (resp) {
  803. if (resp.success) {
  804. _this.plancountys = resp.map.data;
  805. }
  806. });
  807. },
  808. setIs_plan_city(is_plan_city){
  809. this.loginForm.is_plan_city = is_plan_city;
  810. if(this.loginForm.is_plan_city=='是' && (!this.plan_citys || (this.plan_citys && this.plan_citys.length==0))){
  811. this.plan_citys = [];
  812. this.planCity = {plan_province:"",plan_city:"",plan_county:""};
  813. this.plan_citys.push(this.planCity);
  814. }
  815. },
  816. addRow() {
  817. if (this.plan_citys.length == 8) {
  818. alert("最多8条数据");
  819. return;
  820. }
  821. this.planCity = {plan_province:"",plan_city:"",plan_county:""};
  822. this.plan_citys.push(this.planCity);
  823. },
  824. delRow(index) {
  825. if(this.plan_citys.length==1){
  826. alert("不允许删除最后一行记录!");
  827. return;
  828. }
  829. let newList = [];
  830. for (let i = 0; i < this.plan_citys.length; i++) {
  831. if (i != index) {
  832. newList.push(this.plan_citys[i]);
  833. }
  834. }
  835. this.plan_citys = newList;
  836. },
  837. to_ticket_promise_one(){
  838. if(this.ticket_promise_one){
  839. window.open(this.ticket_promise_one);
  840. }
  841. }
  842. }
  843. });
  844. </script>
  845. <style scoped>
  846. .home {
  847. display: flex;
  848. flex-direction: column;
  849. height: 100vh;
  850. }
  851. .school-logo {
  852. margin-left: -300px;
  853. }
  854. .header {
  855. min-height: 120px;
  856. display: grid;
  857. }
  858. .center {
  859. position: absolute;
  860. top: 0;
  861. left: 0;
  862. right: 0;
  863. bottom: 0;
  864. background-position: center;
  865. background-repeat: no-repeat;
  866. background-size: cover;
  867. opacity: 0.8;
  868. filter: alpha(opacity = 20);
  869. }
  870. .content {
  871. margin-top: 100px;
  872. margin-left: 35%;
  873. width: 380px;
  874. /* height: 300px; */
  875. border-radius: 6px;
  876. background-color: white;
  877. display: grid;
  878. grid-template-areas: "";
  879. }
  880. .login-type {
  881. flex: 1;
  882. line-height: 40px;
  883. background-color: #eeeeee;
  884. }
  885. .active-type {
  886. background-color: #ffffff;
  887. }
  888. .close {
  889. position: absolute;
  890. top: 0;
  891. right: 0;
  892. background-color: #eeeeee;
  893. color: #999999;
  894. width: 80px;
  895. height: 40px;
  896. line-height: 40px;
  897. }
  898. .close:hover {
  899. color: #444444;
  900. }
  901. .btn-long {
  902. width: 100%;
  903. }
  904. body {
  905. margin: 0px 0px
  906. }
  907. .group__prepend{
  908. padding: 0px 10px !important;
  909. }
  910. .el-alert {
  911. margin: 20px 0 0;
  912. }
  913. .el-alert--error {
  914. background-color: #fef0f0 !important;
  915. color: #f56c6c;
  916. }
  917. .el-alert {
  918. width: 100%;
  919. padding: 8px 16px;
  920. margin: 0;
  921. box-sizing: border-box;
  922. border-radius: 4px;
  923. position: relative;
  924. background-color: #fff;
  925. overflow: hidden;
  926. opacity: 1;
  927. display: flex;
  928. align-items: center;
  929. transition: opacity .2s;
  930. }
  931. .artcle-title {
  932. margin-top: 25px !important;
  933. font-family: "Microsoft YaHei", "微软雅黑字体";
  934. color: #4c4c4c !important;
  935. font-size: 23px !important;
  936. text-align: center !important;
  937. font-weight: bold !important;
  938. }
  939. .artcle-detail {
  940. padding-top: 20px;
  941. line-height: 30px;
  942. font-size: 18px;
  943. }
  944. </style>
  945. </html>