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.

Room.cshtml 28 KiB

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