You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

470 lines
24 KiB

  1. @{
  2. ViewBag.Title = "学生学籍";
  3. Layout = "~/Views/Shared/_Index.cshtml";
  4. }
  5. @Html.AppendCssFile("/Views/UserCenter/user.css")
  6. <style>
  7. .lr-layout-center .lr-layout-wrap .lr-form-wrap {
  8. overflow: auto;
  9. }
  10. </style>
  11. <div class="lr-form-wrap" style="height:100%;overflow:auto">
  12. <div id="student" class="user_warpper student_warpper">
  13. <div class="index_sec index_sec1">
  14. @*<div class="userTitle">基本信息</div>*@
  15. <!-- / user_sec1 -->
  16. <div class="user_sec1">
  17. <img src="~/Content/images/Login/user5.png" />
  18. <div class="userSec1Box">
  19. <div class="userSec1L">
  20. <div class="userSec1Img">
  21. @*<img src="~/Content/images/Login/user3.jpg" />*@
  22. <img :src="this.headUrl" />
  23. </div>
  24. <div class="userSec1T">{{studentInfo.StuName}}</div>
  25. </div>
  26. <ul class="userSec1R">
  27. <li>性 &nbsp; &nbsp; &nbsp; 别 : {{studentInfo.GenderNo | sex}}</li>
  28. <li>出生日期 : {{studentInfo.Birthday | date}}</li>
  29. <li>联系电话 : {{studentInfo.mobile}}</li>
  30. <li>校 &nbsp; &nbsp; &nbsp; 区 : {{baseInfo.F_SchoolId | company}}</li>
  31. <li>学 &nbsp; &nbsp; &nbsp; 号 : {{studentInfo.StuNo}}</li>
  32. <li>本 &nbsp;专 &nbsp;科 : {{studentInfo.GraduateNo | graduateNo}}</li>
  33. <li>年 &nbsp; &nbsp; &nbsp; 级 : {{studentInfo.Grade}}</li>
  34. </ul>
  35. </div>
  36. </div>
  37. <!-- / user_sec1 -->
  38. <!-- / user_sec2 -->
  39. <div class="user_sec2">
  40. <div class="userSec2Box">
  41. <div class="userSec2T">基本信息 <i class="fa fa-angle-right"></i></div>
  42. <ul class="userSec2List">
  43. <li>民 族 : {{studentInfo.NationalityNo |nationalityNo}}</li>
  44. <li>政治面貌 : {{studentInfo.PartyFaceNo | partyFaceNo}}</li>
  45. <li>身份证号 : {{studentInfo.IdentityCardNo}} </li>
  46. <li>E-mail : {{studentInfo.EMail}}</li>
  47. <li>户 籍 省 : {{studentInfo.F_ProvinceId | province}} </li>
  48. <li>户籍地市 : {{studentInfo.F_CityId | city}} </li>
  49. <li>户籍县区 : {{studentInfo.F_CountyId | area}} </li>
  50. <li>户籍地址 : {{studentInfo.FatherUnit}}</li>
  51. </ul>
  52. </div>
  53. <div class="userSec2Box">
  54. <div class="userSec2T">家庭情况 <i class="fa fa-angle-right"></i></div>
  55. <ul class="userSec2List">
  56. <li>父亲姓名 : {{studentInfo.FatherName}} </li>
  57. <li>父亲电话 : {{studentInfo.FatherPhone}} </li>
  58. <li>母亲姓名 : {{studentInfo.MatherName}}</li>
  59. <li> 母亲电话 : {{studentInfo.MatherPhone}}</li>
  60. <li>监护人姓名 : {{studentInfo.GuardianName}} </li>
  61. <li>监护人电话 : {{studentInfo.GuardianPhone}} </li>
  62. <li>港澳台侨 : {{studentInfo.OverseasChineseNo | overseasChineseNo}} </li>
  63. <li>健康状况 : {{studentInfo.HealthStatusNo | healthStatusNo}}</li>
  64. <li>邮政编码 : {{studentInfo.PostalCode}}</li>
  65. <li>通信地址 : {{studentInfo.MailAddress}}</li>
  66. </ul>
  67. </div>
  68. <div class="userSec2Box">
  69. <div class="userSec2T">学籍信息 <i class="fa fa-angle-right"></i></div>
  70. <ul class="userSec2List">
  71. <li>通知书号 : {{studentInfo.NoticeNo}}</li>
  72. <li> 考 生 号 : {{studentInfo.ksh}}</li>
  73. <li>系所 : {{studentInfo.DeptNo | deptNo}} </li>
  74. <li>专 业 : {{studentInfo.MajorNo | majorNo}}</li>
  75. <li>班 级 : {{studentInfo.ClassNo | class}} </li>
  76. <li>报到日期 : {{studentInfo.RegisterDate | date}} </li>
  77. <li>入学年月 : {{studentInfo.EntranceDate | date}}</li>
  78. <li>入党时间 : {{studentInfo.JoinPartyDate | date}}</li>
  79. <li>入团时间 : {{studentInfo.JoinLeagueDate | date}} </li>
  80. <li>档案地址 : {{studentInfo.MatherUnit}}</li>
  81. </ul>
  82. </div>
  83. <div class="userSec2Box">
  84. <div class="userSec2T">联系方式 <i class="fa fa-angle-right"></i></div>
  85. <ul class="userSec2List">
  86. <li>校内地址 : {{studentInfo.InSchoolAddress}}</li>
  87. <li> QQ : {{studentInfo.QQ}}</li>
  88. <li>校内电话 : {{studentInfo.InSchoolTelephone}}</li>
  89. </ul>
  90. </div>
  91. </div>
  92. <!-- / user_sec2 -->
  93. </div>
  94. </div>
  95. <script>
  96. var keyValue = request('keyValue');
  97. var vm = new Vue({
  98. el: "#student",
  99. data: {
  100. headUrl: "",
  101. studentInfo: "",
  102. baseInfo: ""
  103. },
  104. methods: {
  105. getData: function () {
  106. $.get('/UserCenter/GetStudentInfo?stuId=' + keyValue, function (ref) {
  107. this.studentInfo = ref.data.userInfo;
  108. this.baseInfo = ref.data.basicInfo;
  109. this.headUrl = ref.data.userInfo.Photo;
  110. }.bind(this), "json");
  111. },
  112. getUrl: function () {
  113. var loginInfo = top.learun.clientdata.get(['userinfo']);
  114. this.headUrl = '/LR_OrganizationModule/User/GetImg?userId=' + loginInfo.userId;
  115. }
  116. },
  117. created() {
  118. this.getData();
  119. //this.getUrl();
  120. },
  121. filters: {
  122. sex: function (value) {
  123. return value ? "男生" : "女生";
  124. },
  125. company: function (value) {
  126. var result;
  127. top.learun.clientdata.getAsync('custmerData', {
  128. sync: true,
  129. url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'company',
  130. key: value,
  131. keyId: 'f_companyid',
  132. callback: function (_data) {
  133. result = _data.f_fullname;
  134. }
  135. });
  136. return result;
  137. },
  138. graduateNo: function (value) {
  139. var result;
  140. top.learun.clientdata.getAsync('dataItem', {
  141. key: value,
  142. code: 'CollegeType',
  143. callback: function (_data) {
  144. result = _data.text;
  145. }
  146. });
  147. return result;
  148. },
  149. date: function (value) {
  150. if (value) {
  151. var date = new Date(value);
  152. return date.toLocaleDateString();
  153. } else {
  154. return '';
  155. }
  156. },
  157. nationalityNo: function (value) {
  158. var result;
  159. top.learun.clientdata.getAsync('dataItem', {
  160. key: value,
  161. code: 'National',
  162. callback: function (_data) {
  163. result = _data.text;
  164. }
  165. });
  166. return result;
  167. },
  168. partyFaceNo: function (value) {
  169. var result;
  170. top.learun.clientdata.getAsync('dataItem', {
  171. key: value,
  172. code: 'BCdPartyFace',
  173. callback: function (_data) {
  174. result = _data.text;
  175. }
  176. });
  177. return result;
  178. },
  179. province: function (value) {
  180. var result;
  181. top.learun.clientdata.getAsync('custmerData', {
  182. sync: true,
  183. url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'DIC_PROVINCE',
  184. key: value,
  185. keyId: 'pcode',
  186. callback: function (_data) {
  187. result = _data['pname'];
  188. }
  189. });
  190. return result;
  191. },
  192. city: function (value) {
  193. var result;
  194. top.learun.clientdata.getAsync('custmerData', {
  195. sync: true,
  196. url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'DIC_CITY',
  197. key: value,
  198. keyId: 'ccode',
  199. callback: function (_data) {
  200. result = _data['cname'];
  201. }
  202. });
  203. return result;
  204. },
  205. area: function (value) {
  206. var result;
  207. top.learun.clientdata.getAsync('custmerData', {
  208. sync: true,
  209. url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'DIC_AREA',
  210. key: value,
  211. keyId: 'acode',
  212. callback: function (_data) {
  213. result = _data['aname'];
  214. }
  215. });
  216. return result;
  217. },
  218. overseasChineseNo: function (value) {
  219. var result;
  220. top.learun.clientdata.getAsync('dataItem', {
  221. key: value,
  222. code: 'BCdOverseasChinese',
  223. callback: function (_data) {
  224. result = _data.text;
  225. }
  226. });
  227. return result;
  228. },
  229. healthStatusNo: function (value) {
  230. var result;
  231. top.learun.clientdata.getAsync('dataItem', {
  232. key: value,
  233. code: 'BCdHealthStatus',
  234. callback: function (_data) {
  235. result = _data.text;
  236. }
  237. });
  238. return result;
  239. },
  240. deptNo: function (value) {
  241. var result;
  242. top.learun.clientdata.getAsync('custmerData', {
  243. url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'CdDeptInfo',
  244. key: value,
  245. keyId: 'deptno',
  246. callback: function (_data) {
  247. result = _data.deptname;
  248. }.bind(this)
  249. });
  250. return result;
  251. },
  252. majorNo: function (value) {
  253. var result;
  254. top.learun.clientdata.getAsync('custmerData', {
  255. url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'CdMajorInfo',
  256. key: value,
  257. keyId: 'majorno',
  258. callback: function (_data) {
  259. result = _data.majorname;
  260. }.bind(this)
  261. });
  262. return result;
  263. },
  264. class: function (value) {
  265. var result;
  266. top.learun.clientdata.getAsync('custmerData', {
  267. sync: true,
  268. url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'bjsj',
  269. key: value,
  270. keyId: 'classno',
  271. callback: function (_data) {
  272. result = _data['classname'];
  273. }
  274. });
  275. return result;
  276. }
  277. }
  278. })
  279. </script>
  280. </div>
  281. @*<div class="lr-form-wrap">
  282. <div class="col-xs-12 lr-form-item" data-table="StuInfoBasic">
  283. <div class="lr-form-item-title">学校<font face="宋体">*</font></div>
  284. <div id="F_SchoolId" isvalid="yes" checkexpession="NotNull" readonly="readonly"></div>
  285. </div>
  286. <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
  287. <div class="lr-form-item-title">学号<font face="宋体">*</font></div>
  288. <input id="StuNo" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" readonly="readonly" />
  289. </div>
  290. <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
  291. <div class="lr-form-item-title">考生号<font face="宋体">*</font></div>
  292. <input id="ksh" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" readonly="readonly" />
  293. </div>
  294. <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
  295. <div class="lr-form-item-title">通知书号<font face="宋体">*</font></div>
  296. <input id="NoticeNo" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" readonly="readonly" />
  297. </div>
  298. <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
  299. <div class="lr-form-item-title">身份证号<font face="宋体">*</font></div>
  300. <input id="IdentityCardNo" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" readonly="readonly" />
  301. </div>
  302. <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
  303. <div class="lr-form-item-title">姓名<font face="宋体">*</font></div>
  304. <input id="StuName" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" readonly="readonly" />
  305. </div>
  306. <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
  307. <div class="lr-form-item-title">民族<font face="宋体">*</font></div>
  308. <div id="NationalityNo" isvalid="yes" checkexpession="NotNull" readonly="readonly"></div>
  309. </div>
  310. <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
  311. <div class="lr-form-item-title">性别<font face="宋体">*</font></div>
  312. <div id="GenderNo" isvalid="yes" checkexpession="NotNull" readonly="readonly"></div>
  313. </div>
  314. <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
  315. <div class="lr-form-item-title">政治面貌</div>
  316. <div id="PartyFaceNo" readonly="readonly"></div>
  317. </div>
  318. <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
  319. <div class="lr-form-item-title">出生日期<font face="宋体">*</font></div>
  320. <input id="Birthday" type="text" class="form-control lr-input-wdatepicker" onfocus="WdatePicker({ dateFmt: 'yyyy-MM-dd', onpicked: function() { $('#Birthday').trigger('change'); } })" isvalid="yes" checkexpession="NotNull" readonly="readonly" />
  321. </div>
  322. <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
  323. <div class="lr-form-item-title">健康状况</div>
  324. <div id="HealthStatusNo" readonly="readonly"></div>
  325. </div>
  326. <div class="col-xs-12 lr-form-item" data-table="StuInfoBasic">
  327. <div class="lr-form-item-title">籍贯</div>
  328. <div class="col-xs-12 lr-form-area">
  329. <div id="F_ProvinceId" placeholder="省" class="col-xs-4" readonly="readonly"></div>
  330. <div id="F_CityId" placeholder="市" class="col-xs-4" readonly="readonly"></div>
  331. <div id="F_CountyId" placeholder="县/区" class="col-xs-4" readonly="readonly"></div>
  332. </div>
  333. </div>
  334. <div class="col-xs-12 lr-form-item" data-table="StuInfoBasic">
  335. <div class="lr-form-item-title">照片</div>
  336. <div id="Photo" style="padding-right: 60px;"></div>
  337. </div>
  338. <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
  339. <div class="lr-form-item-title">联系电话<font face="宋体">*</font></div>
  340. <input id="mobile" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" readonly="readonly" />
  341. </div>
  342. <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
  343. <div class="lr-form-item-title">E-mail</div>
  344. <input id="EMail" type="text" class="form-control" readonly="readonly" />
  345. </div>
  346. <div class="col-xs-12 lr-form-item" data-table="StuInfoBasic">
  347. <div class="lr-form-item-title">通信地址<font face="宋体">*</font></div>
  348. <input id="MailAddress" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" readonly="readonly" />
  349. </div>
  350. <div class="col-xs-12 lr-form-item" data-table="StuInfoBasic">
  351. <div class="lr-form-item-title">邮政编码<font face="宋体">*</font></div>
  352. <input id="PostalCode" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" readonly="readonly" />
  353. </div>
  354. <div class="col-xs-12 lr-form-item" data-table="StuInfoBasic">
  355. <div class="lr-form-item-title">户口所在地</div>
  356. <input id="FatherUnit" type="text" class="form-control" readonly="readonly" />
  357. </div>
  358. <div class="col-xs-12 lr-form-item" data-table="StuInfoBasic">
  359. <div class="lr-form-item-title">档案所在地</div>
  360. <input id="MatherUnit" type="text" class="form-control" readonly="readonly" />
  361. </div>
  362. <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
  363. <div class="lr-form-item-title">父亲姓名<font face="宋体">*</font></div>
  364. <input id="FatherName" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" readonly="readonly" />
  365. </div>
  366. <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
  367. <div class="lr-form-item-title">父亲电话<font face="宋体">*</font></div>
  368. <input id="FatherPhone" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" readonly="readonly" />
  369. </div>
  370. <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
  371. <div class="lr-form-item-title">母亲姓名<font face="宋体">*</font></div>
  372. <input id="MatherName" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" readonly="readonly" />
  373. </div>
  374. <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
  375. <div class="lr-form-item-title">母亲电话<font face="宋体">*</font></div>
  376. <input id="MatherPhone" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" readonly="readonly" />
  377. </div>
  378. <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
  379. <div class="lr-form-item-title">家庭出身</div>
  380. <div id="FamilyOriginNo" readonly="readonly"></div>
  381. </div>
  382. <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
  383. <div class="lr-form-item-title">港澳台侨</div>
  384. <div id="OverseasChineseNo" readonly="readonly"></div>
  385. </div>
  386. <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
  387. <div class="lr-form-item-title">年级<font face="宋体">*</font></div>
  388. <div id="Grade" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" readonly="readonly"></div>
  389. </div>
  390. <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
  391. <div class="lr-form-item-title">本专科</div>
  392. <div id="GraduateNo" readonly="readonly"></div>
  393. </div>
  394. <div class="col-xs-12 lr-form-item" data-table="StuInfoBasic">
  395. <div class="lr-form-item-title">报到日期<font face="宋体">*</font></div>
  396. <input id="RegisterDate" type="text" class="form-control lr-input-wdatepicker" onfocus="WdatePicker({ dateFmt: 'yyyy-MM-dd', onpicked: function() { $('#RegisterDate').trigger('change'); } })" isvalid="yes" checkexpession="NotNull" readonly="readonly" />
  397. </div>
  398. <div class="col-xs-4 lr-form-item" data-table="StuInfoBasic">
  399. <div class="lr-form-item-title">系所<font face="宋体">*</font></div>
  400. <div id="DeptNo" isvalid="yes" checkexpession="NotNull" readonly="readonly"></div>
  401. </div>
  402. <div class="col-xs-4 lr-form-item" data-table="StuInfoBasic">
  403. <div class="lr-form-item-title">专业<font face="宋体">*</font></div>
  404. <div id="MajorNo" isvalid="yes" checkexpession="NotNull" readonly="readonly"></div>
  405. </div>
  406. <div class="col-xs-4 lr-form-item" data-table="StuInfoBasic">
  407. <div class="lr-form-item-title">班级<font face="宋体">*</font></div>
  408. <div id="ClassNo" isvalid="yes" checkexpession="NotNull" readonly="readonly"></div>
  409. </div>
  410. <div class="col-xs-4 lr-form-item" data-table="StuInfoBasic">
  411. <div class="lr-form-item-title">入学年月<font face="宋体">*</font></div>
  412. <input id="EntranceDate" type="text" class="form-control lr-input-wdatepicker" onfocus="WdatePicker({ dateFmt: 'yyyy-MM-dd', onpicked: function() { $('#EntranceDate').trigger('change'); } })" isvalid="yes" checkexpession="NotNull" readonly="readonly" />
  413. </div>
  414. <div class="col-xs-4 lr-form-item" data-table="StuInfoBasic">
  415. <div class="lr-form-item-title">入党时间</div>
  416. <input id="JoinPartyDate" type="text" class="form-control lr-input-wdatepicker" onfocus="WdatePicker({ dateFmt: 'yyyy-MM-dd', onpicked: function() { $('#JoinPartyDate').trigger('change'); } })" readonly="readonly" />
  417. </div>
  418. <div class="col-xs-4 lr-form-item" data-table="StuInfoBasic">
  419. <div class="lr-form-item-title">入团时间</div>
  420. <input id="JoinLeagueDate" type="text" class="form-control lr-input-wdatepicker" onfocus="WdatePicker({ dateFmt: 'yyyy-MM-dd', onpicked: function() { $('#JoinLeagueDate').trigger('change'); } })" readonly="readonly" />
  421. </div>
  422. <div class="col-xs-12 lr-form-item" data-table="StuInfoBasic">
  423. <div class="lr-form-item-title">校内地址</div>
  424. <input id="InSchoolAddress" type="text" class="form-control" readonly="readonly" />
  425. </div>
  426. <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
  427. <div class="lr-form-item-title">校内电话</div>
  428. <input id="InSchoolTelephone" type="text" class="form-control" readonly="readonly" />
  429. </div>
  430. <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
  431. <div class="lr-form-item-title">QQ</div>
  432. <input id="QQ" type="text" class="form-control" readonly="readonly" />
  433. </div>
  434. <div class="col-xs-12 lr-form-item" data-table="StuInfoBasic">
  435. <div class="lr-form-item-title">特长</div>
  436. <input id="GoodAt" type="text" class="form-control" readonly="readonly" />
  437. </div>
  438. <div class="col-xs-12 lr-form-item" data-table="StuInfoBasic">
  439. <div class="lr-form-item-title">备注</div>
  440. <textarea id="Remark" class="form-control" style="height: 100px;" readonly="readonly"></textarea>
  441. </div>
  442. <div class="col-xs-12 lr-form-item" data-table="StuInfoBasic">
  443. <div class="lr-form-item-title">毕业证书备注</div>
  444. <input id="DiplomaRemark" type="text" class="form-control" readonly="readonly" />
  445. </div>
  446. </div>
  447. @Html.AppendJsFile("/Areas/EducationalAdministration/Views/StuInfoBasic/FormView.js")*@