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.
 
 
 
 
 
 

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