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.
 
 
 
 
 
 

574 line
29 KiB

  1. @{
  2. ViewBag.Title = "Floor";
  3. Layout = "~/Views/Shared/_Index.cshtml";
  4. }
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  8. <meta name="renderer" content="webkit">
  9. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  10. <meta name="format-detection" content="telephone=no" />
  11. <link rel="shortcut icon" href="" />
  12. <title>数字化校园-宿舍</title>
  13. <meta name="keywords" content="数字化校园-宿舍" />
  14. <meta name="description" content="数字化校园-宿舍" />
  15. <link href="~/Content/font/css/font-awesome.css" rel="stylesheet" />
  16. <link href="~/Content/css/swiper.min.css" rel="stylesheet" />
  17. <link href="~/Content/css/common.css" rel="stylesheet" />
  18. <link href="~/Content/css/index.css" rel="stylesheet" />
  19. <!--自适应-->
  20. <script src="~/Content/jquery/plugin/layer/layer.js"></script>
  21. <script src="~/Content/echarts/echarts.js"></script>
  22. <script src="~/Content/news/js/easing.js"></script>
  23. <script src="~/Content/jquery/plugin/jquery-ui/jquery-ui.min.js"></script>
  24. <!--自适应-->
  25. <script src="~/Content/js/dormitory/main.js"></script>
  26. <!--[if lte IE 9]>
  27. <script src="js/respond.min.js"></script>
  28. <script src="js/html5shiv.js"></script>
  29. <![endif]-->
  30. <style>
  31. html, body {
  32. background-image: url('/Content/images/floor/bg3.jpg');
  33. filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/Content/images/floor/bg2.jpg', sizingMethod='scale');
  34. overflow: auto;
  35. }
  36. .layerImg {
  37. top: 0px;
  38. left: -60px;
  39. width: 273px;
  40. }
  41. </style>
  42. </head>
  43. <body>
  44. <!-- / warpper -->
  45. <div id="app" class="index_warpper room_warpper">
  46. <!-- / index_sec1 -->
  47. <div class="index_sec index_sec1">
  48. <div class="index_box">
  49. <div class="indSec1T">
  50. <a :href="'/LogisticsManagement/Accommodation/Floor'">{{dormitoryName}}</a><a :href="'/LogisticsManagement/Accommodation/Unit?ID='+dormitoryID">{{unitName}}</a><a :href="'/LogisticsManagement/Accommodation/Corridor?ID='+unitID">{{floorName}}</a><a :href="'/LogisticsManagement/Accommodation/Dormitory?ID='+floorID">{{roomName}}</a>
  51. <ul class="indSec1List">
  52. @*<li><a href="#"><img src="/Content/images/floor/inSec1-5.png" alt="" />多条件查找宿舍楼</a></li>
  53. <li><a href="#"><img src="/Content/images/floor/inSec1-6.png" alt="" />自动分配宿舍</a></li>*@
  54. <li><a href="#" @@click="addFloor()"><img src="/Content/images/floor/inSec1-7.png" alt="" />添加床位</a></li>
  55. @*<li><a href="#"><img src="/Content/images/floor/inSec1-8.png" alt="" />批量删除</a></li>
  56. <li><a href="#"><img src="/Content/images/floor/inSec1-9.png" alt="" />打印宿舍数据</a></li>*@
  57. </ul>
  58. </div>
  59. <div class="inSec1Row">
  60. <div v-for="floor in floors" class="inSec1Col3">
  61. <div class="inSec1Box">
  62. <div class="inSec1Top">
  63. <span>{{floor.dormitory.Name}}</span>
  64. <ul class="inSec1TopList">
  65. <li>
  66. <a href="javascript:;"><img src="/Content/images/floor/inSec1-2.png" alt="" /></a>
  67. <div class="inSec1Con inSec1Con1">
  68. <img class="inSec1Horn" src="/Content/images/floor/inSec1-11.png" alt="" />
  69. <div v-if="floor.stuInfo" class="inSec1Con2">
  70. <div class="inSec1ConT">{{floor.dormitory.Name}} <div class="inSec1Sex" :style="floor.dormitory.Sex | filter_style"><img :src="floor.dormitory.Sex | filter_sexImg" alt="" />{{floor.dormitory.Sex | filter_sex}}</div></div>
  71. <div class="inSec1ConTxt">
  72. 姓名 <span :title="floor.stuInfo.StuName" class="inSec1ConSpan1">{{floor.stuInfo.StuName}}</span> &nbsp;&nbsp;&nbsp;&nbsp; 学号 <span :title="floor.stuInfo.StuNo" class="inSec1ConSpan2" style="margin-left:0">{{floor.stuInfo.StuNo}}</span>
  73. </div>
  74. <div class="inSec1ConTxt">
  75. 院系 <span :title="floor.stuInfo.DeptNo | filter_Dept" class="inSec1ConSpan1">{{floor.stuInfo.DeptNo | filter_Dept}}</span> &nbsp;&nbsp;&nbsp;&nbsp; 专业 <span :title="floor.stuInfo.MajorNo | filter_Major" style="margin-left:0" class="inSec1ConSpan2">{{floor.stuInfo.MajorNo | filter_Major}}</span>
  76. </div>
  77. <div @@click="checkDetail(floor)" class="inSec1Btn">查看更多信息 <i class="fa fa-angle-right"></i></div>
  78. </div>
  79. </div>
  80. </li>
  81. <li><a @@click="update(floor.dormitory.ID)" href="#"><img src="/Content/images/floor/inSec1-1.png" alt="" /></a></li>
  82. <li><a @@click="deleteFloor(floor)" href="javascript:;"><img src="/Content/images/floor/inSec1-3.png" alt="" /></a></li>
  83. </ul>
  84. <div class="clear"></div>
  85. </div>
  86. <div class="inSec1Img">
  87. <img src="/Content/images/floor/room1-1.png" alt="" />
  88. <div class="inSec1ImgCon">
  89. @*<div class="inSec1ImgCon1"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i></div>*@
  90. <div v-if="floor.stuInfo" class="inSec1ImgCon3">满</div>
  91. <div v-else="floor.stuInfo" class="inSec1ImgCon3">空</div>
  92. </div>
  93. </div>
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98. </div>
  99. <!-- / index_sec1 -->
  100. </div>
  101. <!-- / warpper -->
  102. <script>
  103. //$('.inSec1Row').html(html).on('click','.inSec1Btn',function(){
  104. // var ind = $(this).attr('index');
  105. // var datas = data.rows[ind];
  106. // var floor = floorName(datas.Name,1);
  107. // layer.open({
  108. // type:1,
  109. // closeBtn:2,
  110. // area:['888px','80%'],
  111. // content:'<div class="layerBox unitLayer roomLayer">'+
  112. // '<div class="layer_sec1 layer_sec">'+
  113. // '<div class="laySec1L">'+
  114. // '<div class="laySec1ConTitle"><span>1</span>号楼&nbsp;&nbsp;<span>1</span>单元&nbsp;&nbsp;<span>1</span>层&nbsp;&nbsp;<span>101</span>室</div> '+
  115. // '<div class="laySec1ConT"><span>'+floor+'</span>床 '+
  116. // '<div class="laySec1Sex"><img src="/Content/images/floor/inSec1-10.png" alt="" />女生宿舍</div></div>'+
  117. // '</div>'+
  118. // '<div class="laySec1R">'+
  119. // '<div class="laySec1RImg"><div><img src="/Content/images/floor/room1.jpg" alt="" /></div></div>'+
  120. // '<div class="laySec1RCon">'+
  121. // '<div class="laySec1Txts"><span>学&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号</span>0321534</div>'+
  122. // '<div class="laySec1Txts"><span>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名</span>张丽敏</div>'+
  123. // '<div class="laySec1Txts"><span>联系电话</span>15284563254</div>'+
  124. // '<div class="laySec1Txts"><span>出生日期</span>2000-07-19</div>'+
  125. // '</div>'+
  126. // '</div>'+
  127. // '</div>'+
  128. // '<div class="layer_sec layer_sec2">'+
  129. // '<ul class="laySec2List">'+
  130. // '<li><span>院&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;系</span>'+datas.Dept+'</li>'+
  131. // '<li><span>专&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;业</span>'+datas.Major+'</li>'+
  132. // '<li><span>年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;级</span>2018级</li>'+
  133. // '<li><span>班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;级</span>'+datas.Class+'</li>'+
  134. // '<li><span>考 生 号</span>2154354823</li>'+
  135. // '<li><span>通知书号</span>245135795463</li>'+
  136. // '<li><span>民&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;族</span>汉族</li>'+
  137. // '<li><span>性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别</span>女</li>'+
  138. // '<li><span>政治面貌</span>党员</li>'+
  139. // '<li><span>籍&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;贯</span>山西省太原市小店区</li>'+
  140. // '<li style="width:100%"><span>通讯地址</span>山西省太原市小店区南中环街北张小区C7楼1201室</li>'+
  141. // '<li><span>户口所在地</span>计算机系</li>'+
  142. // '<li><span>邮政编码</span>软件开发</li>'+
  143. // '<li><span>档案所在地</span>2018级</li>'+
  144. // '<li><span>家庭出身</span>06班</li>'+
  145. // '<li><span>父亲姓名</span>2154354823</li>'+
  146. // '<li><span>父亲电话</span>女</li>'+
  147. // '<li><span>母亲姓名</span>汉族</li>'+
  148. // '<li><span>母亲电话</span>党员</li>'+
  149. // '<li><span>港澳台侨</span>245135795463</li>'+
  150. // '<li><span>本 专 科</span>山西省太原市小店区</li>'+
  151. // '<li><span>入学年月</span>245135795463</li>'+
  152. // '<li><span>报道日期</span>山西省太原市小店区</li>'+
  153. // '</ul>'+
  154. // '<div class="laySec2Btn">'+
  155. // '<a href="#"><img src="/Content/images/floor/inSec1-1.png" alt="" /></a>'+
  156. // '<a href="#"><img src="/Content/images/floor/inSec1-3.png" alt="" /></a>'+
  157. // '<a href="#"><img src="/Content/images/floor/inSec1-12.png" alt="" /></a>'+
  158. // '</div>'+
  159. // '</div>'+
  160. // '<div class="layer_sec layer_sec2 layer_sec4">'+
  161. // '<ul class="laySec2List">'+
  162. // '<li><span>创 建 人 </span>'+datas.CreateBy+'</li>'+
  163. // '<li><span>创建时间 </span>'+datas.CreateTime+'</li>'+
  164. // '<li><span>更 新 人</span>'+datas.UpdateBy+' </li>'+
  165. // '<li><span>更新时间</span>'+datas.UpdateTime+' </li>'+
  166. // '</ul>'+
  167. // '</div>'+
  168. // '<img class="layerImg" src="/Content/images/floor/room1-2.png" alt="" />'+
  169. // '</div>'
  170. // })
  171. //})
  172. var parentID='@ViewBag.ParentID';
  173. var vm = new Vue({
  174. el: "#app",
  175. data: {
  176. floors: "",
  177. sexImgUrl: "/Content/images/floor/inSec1-10.png",
  178. dormitoryName: "",
  179. dormitoryID: "",
  180. unitName: "",
  181. unitID: "",
  182. floorName: "",
  183. floorID: "",
  184. roomName: "",
  185. roomID: ""
  186. },
  187. methods: {
  188. getData: function () {
  189. $.get('/LogisticsManagement/Accommodation/GetBedList?ParentID=' + parentID, function (ref) {
  190. if (ref.data) {
  191. this.floors = ref.data.rows;
  192. this.dormitoryName = ref.data.dormitoryName;
  193. this.dormitoryID = ref.data.dormitoryID;
  194. this.unitName = ref.data.unitName;
  195. this.unitID = ref.data.unitID;
  196. this.floorName = ref.data.floorName;
  197. this.floorID = ref.data.floorID;
  198. this.roomName = ref.data.roomName;
  199. this.roomID = ref.data.roomID;
  200. }
  201. console.log(ref);
  202. }.bind(this), "json");
  203. },
  204. laterGetData: function () {
  205. setTimeout(function () {
  206. this.getData();
  207. }.bind(this), 1000);
  208. },
  209. filter_Dept: function (value) {
  210. var result;
  211. top.learun.clientdata.getAsync('custmerData', {
  212. url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'CdDeptInfo',
  213. key: value,
  214. keyId: 'deptno',
  215. callback: function (_data) {
  216. result = _data.deptname;
  217. }
  218. });
  219. return result;
  220. },
  221. filter_Major: function (value) {
  222. var result;
  223. top.learun.clientdata.getAsync('custmerData', {
  224. url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'CdMajorInfo',
  225. key: value,
  226. keyId: 'id',
  227. callback: function (_data) {
  228. result = _data.majorname;
  229. }
  230. });
  231. return result;
  232. },
  233. filter_class: function (value) {
  234. var result;
  235. top.learun.clientdata.getAsync('custmerData', {
  236. sync: true,
  237. url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'bjsj',
  238. key: value,
  239. keyId: 'classno',
  240. callback: function (_data) {
  241. result = _data['classname'];
  242. }
  243. });
  244. return result;
  245. },
  246. filter_BCdNationality: function (value) {
  247. var result;
  248. top.learun.clientdata.getAsync('custmerData', {
  249. sync: true,
  250. url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'BCdNationality',
  251. key: value,
  252. keyId: 'nationalityno',
  253. callback: function (_data) {
  254. result = _data['nationality'];
  255. }
  256. });
  257. return result;
  258. },
  259. filter_BCdPartyFace: function (value) {
  260. var result;
  261. top.learun.clientdata.getAsync('custmerData', {
  262. sync: true,
  263. url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'BCdPartyFace',
  264. key: value,
  265. keyId: 'partyfaceno',
  266. callback: function (_data) {
  267. result = _data['partyface'];
  268. }
  269. });
  270. return result;
  271. },
  272. filter_BCdFamilyOrigin: function (value) {
  273. var result;
  274. top.learun.clientdata.getAsync('custmerData', {
  275. sync: true,
  276. url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'BCdFamilyOrigin',
  277. key: value,
  278. keyId: 'familyoriginno',
  279. callback: function (_data) {
  280. result = _data['familyorigin'];
  281. }
  282. });
  283. return result;
  284. },
  285. filter_Province: function (value) {
  286. var result;
  287. top.learun.clientdata.getAsync('custmerData', {
  288. sync: true,
  289. url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'DIC_PROVINCE',
  290. key: value,
  291. keyId: 'pcode',
  292. callback: function (_data) {
  293. result = _data['pname'];
  294. }
  295. });
  296. return result;
  297. },
  298. filter_City: function (value) {
  299. var result;
  300. top.learun.clientdata.getAsync('custmerData', {
  301. sync: true,
  302. url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'DIC_CITY',
  303. key: value,
  304. keyId: 'ccode',
  305. callback: function (_data) {
  306. result = _data['cname'];
  307. }
  308. });
  309. return result;
  310. },
  311. filter_Area: function (value) {
  312. var result;
  313. top.learun.clientdata.getAsync('custmerData', {
  314. sync: true,
  315. url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'DIC_AREA',
  316. key: value,
  317. keyId: 'acode',
  318. callback: function (_data) {
  319. result = _data['aname'];
  320. }
  321. });
  322. return result;
  323. },
  324. filter_company: function (value) {
  325. var result;
  326. top.learun.clientdata.getAsync('custmerData', {
  327. url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'company',
  328. key: value,
  329. keyId: 'f_companyid',
  330. callback: function (_data) {
  331. result = _data.f_fullname;
  332. }
  333. });
  334. return result;
  335. },
  336. filter_BCdOverseasChinese: function (value) {
  337. var result;
  338. top.learun.clientdata.getAsync('custmerData', {
  339. sync: true,
  340. url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'BCdOverseasChinese',
  341. key: value,
  342. keyId: 'overseaschineseno',
  343. callback: function (_data) {
  344. result = _data.overseaschinesename;
  345. }
  346. });
  347. return result;
  348. },
  349. filter_CollegeType: function (value) {
  350. var result;
  351. top.learun.clientdata.getAsync('dataItem', {
  352. key: value,
  353. code: 'CollegeType',
  354. callback: function (_data) {
  355. result=_data.text;
  356. }
  357. });
  358. return result;
  359. },
  360. filter_stuSex: function (value) {
  361. return value == true ? "男" : "女";
  362. },
  363. filter_sex: function (value) {
  364. if (value == "1") {
  365. return '<div class="laySec1Sex" style="background:#7070da"><img src="/Content/images/floor/inSec1-10_2.png" alt="" />男生宿舍</div></div>'
  366. } else {
  367. return '<div class="laySec1Sex"><img src="/Content/images/floor/inSec1-10.png" alt="" />女生宿舍</div></div>'
  368. }
  369. },
  370. allocation: function () {
  371. top.learun.layerForm({
  372. id: 'form',
  373. title: '自动分配宿舍',
  374. url: top.$.rootUrl + '/LogisticsManagement/Accommodation/Allocation',
  375. width: 400,
  376. height: 250,
  377. callBack: function (id) {
  378. return top[id].acceptClick(refreshGirdData);
  379. }
  380. });
  381. },
  382. addFloor: function () {
  383. var url = "";
  384. url = top.$.rootUrl + '/LogisticsManagement/Accommodation/Form?ParentID=' + this.roomID + '&ParentName=' + this.roomName;
  385. top.learun.layerForm({
  386. id: 'form',
  387. title: '新增',
  388. url: url,
  389. width: 600,
  390. height: 400,
  391. callBack: function (id) {
  392. return top[id].acceptClick(this.laterGetData());
  393. }.bind(this)
  394. });
  395. },
  396. update: function (id) {
  397. top.learun.layerForm({
  398. id: 'form',
  399. title: '编辑',
  400. url: top.$.rootUrl + '/LogisticsManagement/Accommodation/Form?keyValue=' + id,
  401. width: 600,
  402. height: 400,
  403. callBack: function (id) {
  404. return top[id].acceptClick(this.laterGetData());
  405. }.bind(this)
  406. });
  407. },
  408. deleteFloor: function (floor) {
  409. top.learun.layerConfirm('是否确认删除该项!', function (res) {
  410. if (res) {
  411. this.floors.splice($.inArray(floor, this.floors), 1);
  412. top.learun.deleteForm(top.$.rootUrl + '/LogisticsManagement/Accommodation/DeleteForm', { keyValue: floor.dormitory.ID }, function () {
  413. console.log("删除成功");
  414. });
  415. }
  416. }.bind(this));
  417. },
  418. checkDetail: function (floor) {
  419. var echarts1;
  420. //圆形图
  421. var i = 0;
  422. var g = (floor.HasStudentNum / floor.BedNum) * 100 + "%";
  423. layer.open({
  424. type: 1,
  425. closeBtn: 2,
  426. area: ['888px', '80%'],
  427. content: '<div class="layerBox unitLayer roomLayer">' +
  428. '<div class="layer_sec1 layer_sec">' +
  429. '<div class="laySec1L">' +
  430. '<div class="laySec1ConTitle">' + this.dormitoryName + '&nbsp;&nbsp;' + this.unitName + '&nbsp;&nbsp;' + this.floorName + '&nbsp;&nbsp;' + this.roomName + '</div> ' +
  431. '<div class="laySec1ConT">' + floor.dormitory.Name +
  432. this.filter_sex(floor.dormitory.Sex) +
  433. '</div>' +
  434. '<div class="laySec1R">' +
  435. '<div class="laySec1RImg"><div><img src="' + top.$.rootUrl + '/LR_OrganizationModule/User/GetImg?userId=' + floor.stuInfo.StuId + '" alt="" /></div></div>' +
  436. '<div class="laySec1RCon">' +
  437. '<div class="laySec1Txts"><span>学&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号</span>' + floor.stuInfo.StuNo + '</div>' +
  438. '<div class="laySec1Txts"><span>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名</span>'+ floor.stuInfo.StuName +'</div>' +
  439. '<div class="laySec1Txts"><span>联系电话</span>'+floor.stuInfo.mobile+'</div>' +
  440. '<div class="laySec1Txts"><span>出生日期</span>'+floor.stuInfo.Birthday+'</div>' +
  441. '</div>' +
  442. '</div>' +
  443. '</div>' +
  444. '<div class="layer_sec layer_sec2">' +
  445. '<ul class="laySec2List">' +
  446. '<li><span>院&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;系</span>' + this.filter_Dept(floor.stuInfo.DeptNo) + '</li>' +
  447. '<li><span>专&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;业</span>' + this.filter_Major(floor.stuInfo.MajorNo) + '</li>' +
  448. '<li><span>年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;级</span>' + floor.stuInfo.Grade + '</li>' +
  449. '<li><span>班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;级</span>' + this.filter_class(floor.stuInfo.ClassNo) + '</li>' +
  450. '<li><span>考 生 号</span>' + floor.stuInfo.ksh + '</li>' +
  451. '<li><span>通知书号</span>' + floor.stuInfo.NoticeNo + '</li>' +
  452. '<li><span>民&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;族</span>' + this.filter_BCdNationality(floor.stuInfo.NationalityNo) + '</li>' +
  453. '<li><span>性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别</span>' + this.filter_stuSex(floor.stuInfo.GenderNo) + '</li>' +
  454. '<li><span>政治面貌</span>' + this.filter_BCdPartyFace(floor.stuInfo.PartyFaceNo) + '</li>' +
  455. '<li><span>籍&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;贯</span>' + this.filter_Province(floor.stuInfo.F_ProvinceId) + ' ' + this.filter_City(floor.stuInfo.F_CityId) + ' ' + this.filter_Area(floor.stuInfo.F_CountyId) + '</li>' +
  456. '<li style="width:100%"><span>通信地址</span>' + floor.stuInfo.MailAddress + '</li>' +
  457. '<li><span>户口所在地</span>' + floor.stuInfo.FatherUnit + '</li>' +
  458. '<li><span>邮政编码</span>' + floor.stuInfo.PostalCode + '</li>' +
  459. '<li><span>档案所在地</span>' + floor.stuInfo.MatherUnit + '</li>' +
  460. '<li><span>家庭出身</span>' + this.filter_BCdFamilyOrigin(floor.stuInfo.FamilyOriginNo) + '</li>' +
  461. '<li><span>父亲姓名</span>' + floor.stuInfo.FatherName + '</li>' +
  462. '<li><span>父亲电话</span>' + floor.stuInfo.FatherPhone + '</li>' +
  463. '<li><span>母亲姓名</span>' + floor.stuInfo.MatherName + '</li>' +
  464. '<li><span>母亲电话</span>' + floor.stuInfo.MatherPhone + '</li>' +
  465. '<li><span>港澳台侨</span>' + this.filter_BCdOverseasChinese(floor.stuInfo.OverseasChineseNo) + '</li>' +
  466. '<li><span>本 专 科</span>' + this.filter_CollegeType(floor.stuInfo.GraduateNo) + '</li>' +
  467. '<li><span>入学年月</span>' + floor.stuInfo.EntranceDate + '</li>' +
  468. '<li><span>报道日期</span>' + floor.stuInfo.RegisterDate + '</li>' +
  469. '</ul>' +
  470. '<div class="laySec2Btn">' +
  471. //'<a href="#"><img src="/Content/images/floor/inSec1-1.png" alt="" /></a>' +
  472. //'<a href="#"><img src="/Content/images/floor/inSec1-3.png" alt="" /></a>' +
  473. //'<a href="#"><img src="/Content/images/floor/inSec1-12.png" alt="" /></a>' +
  474. '</div>' +
  475. '</div>' +
  476. '<div class="layer_sec layer_sec2 layer_sec4">' +
  477. '<ul class="laySec2List">' +
  478. '<li><span>创 建 人 </span>' + floor.dormitory.CreateBy + '</li>' +
  479. '<li><span>创建时间 </span>' + floor.dormitory.CreateTime + '</li>' +
  480. '<li><span>更 新 人</span>' + floor.dormitory.UpdateBy + ' </li>' +
  481. '<li><span>更新时间</span>' + floor.dormitory.UpdateTime + ' </li>' +
  482. '</ul>' +
  483. '</div>' +
  484. '<img class="layerImg" src="/Content/images/floor/room1-2.png" alt="" />' +
  485. '</div>'
  486. })
  487. }
  488. },
  489. created() {
  490. this.getData();
  491. },
  492. filters: {
  493. filter_sex: function (value) {
  494. return value == "1" ? "男生宿舍" : "女生宿舍";
  495. },
  496. filter_sexImg: function (value) {
  497. return value == "1" ? "/Content/images/floor/inSec1-10_2.png" : "/Content/images/floor/inSec1-10.png"
  498. },
  499. filter_style: function (value) {
  500. return value == "1" ? { background: '#7070da' } : {};
  501. },
  502. filter_url: function (value) {
  503. return "/LogisticsManagement/Accommodation/Dormitory?ID=" + value;
  504. },
  505. filter_Dept: function (value) {
  506. var result;
  507. top.learun.clientdata.getAsync('custmerData', {
  508. url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'CdDeptInfo',
  509. key: value,
  510. keyId: 'deptno',
  511. callback: function (_data) {
  512. result = _data.deptname;
  513. }.bind(this)
  514. });
  515. return result;
  516. },
  517. filter_Major: function (value) {
  518. var result;
  519. top.learun.clientdata.getAsync('custmerData', {
  520. url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'CdMajorInfo',
  521. key: value,
  522. keyId: 'id',
  523. callback: function (_data) {
  524. result = _data.majorname;
  525. }.bind(this)
  526. });
  527. return result;
  528. },
  529. }
  530. })
  531. </script>
  532. </body>