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.
 
 
 
 
 
 

563 lines
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. }.bind(this), "json");
  202. },
  203. laterGetData: function () {
  204. setTimeout(function () {
  205. this.getData();
  206. }.bind(this), 1000);
  207. },
  208. filter_Dept: function (value) {
  209. var result;
  210. top.learun.clientdata.getAsync('custmerData', {
  211. url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'CdDeptInfo',
  212. key: value,
  213. keyId: 'deptno',
  214. callback: function (_data) {
  215. result = _data.deptname;
  216. }
  217. });
  218. return result;
  219. },
  220. filter_Major: function (value) {
  221. var result;
  222. top.learun.clientdata.getAsync('custmerData', {
  223. url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'CdMajorInfo',
  224. key: value,
  225. keyId: 'majorno',
  226. callback: function (_data) {
  227. result = _data.majorname;
  228. }
  229. });
  230. return result;
  231. },
  232. filter_class: function (value) {
  233. var result;
  234. top.learun.clientdata.getAsync('custmerData', {
  235. sync: true,
  236. url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'bjsj',
  237. key: value,
  238. keyId: 'classno',
  239. callback: function (_data) {
  240. result = _data['classname'];
  241. }
  242. });
  243. return result;
  244. },
  245. filter_BCdNationality: function (value) {
  246. var result;
  247. top.learun.clientdata.getAsync('dataItem', {
  248. key: value,
  249. code: 'National',
  250. callback: function (_data) {
  251. result = _data.text;
  252. }
  253. });
  254. return result;
  255. },
  256. filter_BCdPartyFace: function (value) {
  257. var result;
  258. top.learun.clientdata.getAsync('dataItem', {
  259. key: value,
  260. code: 'BCdPartyFace',
  261. callback: function (_data) {
  262. result=_data.text;
  263. }
  264. });
  265. return result;
  266. },
  267. filter_BCdFamilyOrigin: function (value) {
  268. var result;
  269. top.learun.clientdata.getAsync('dataItem', {
  270. key: value,
  271. code: 'BCdFamilyOrigin',
  272. callback: function (_data) {
  273. result = _data.text;
  274. }
  275. });
  276. return result;
  277. },
  278. filter_Province: function (value) {
  279. var result;
  280. top.learun.clientdata.getAsync('custmerData', {
  281. sync: true,
  282. url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'DIC_PROVINCE',
  283. key: value,
  284. keyId: 'pcode',
  285. callback: function (_data) {
  286. result = _data['pname'];
  287. }
  288. });
  289. return result;
  290. },
  291. filter_City: function (value) {
  292. var result;
  293. top.learun.clientdata.getAsync('custmerData', {
  294. sync: true,
  295. url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'DIC_CITY',
  296. key: value,
  297. keyId: 'ccode',
  298. callback: function (_data) {
  299. result = _data['cname'];
  300. }
  301. });
  302. return result;
  303. },
  304. filter_Area: function (value) {
  305. var result;
  306. top.learun.clientdata.getAsync('custmerData', {
  307. sync: true,
  308. url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'DIC_AREA',
  309. key: value,
  310. keyId: 'acode',
  311. callback: function (_data) {
  312. result = _data['aname'];
  313. }
  314. });
  315. return result;
  316. },
  317. filter_company: function (value) {
  318. var result;
  319. top.learun.clientdata.getAsync('custmerData', {
  320. url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'company',
  321. key: value,
  322. keyId: 'f_companyid',
  323. callback: function (_data) {
  324. result = _data.f_fullname;
  325. }
  326. });
  327. return result;
  328. },
  329. filter_BCdOverseasChinese: function (value) {
  330. var result;
  331. top.learun.clientdata.getAsync('dataItem', {
  332. key: value,
  333. code: 'BCdOverseasChinese',
  334. callback: function (_data) {
  335. result=_data.text;
  336. }
  337. });
  338. return result;
  339. },
  340. filter_CollegeType: function (value) {
  341. var result;
  342. top.learun.clientdata.getAsync('dataItem', {
  343. key: value,
  344. code: 'CollegeType',
  345. callback: function (_data) {
  346. result=_data.text;
  347. }
  348. });
  349. return result;
  350. },
  351. filter_stuSex: function (value) {
  352. return value == true ? "男" : "女";
  353. },
  354. filter_sex: function (value) {
  355. if (value == "1") {
  356. return '<div class="laySec1Sex" style="background:#7070da"><img src="/Content/images/floor/inSec1-10_2.png" alt="" />男生宿舍</div></div>'
  357. } else {
  358. return '<div class="laySec1Sex"><img src="/Content/images/floor/inSec1-10.png" alt="" />女生宿舍</div></div>'
  359. }
  360. },
  361. allocation: function () {
  362. top.learun.layerForm({
  363. id: 'form',
  364. title: '自动分配宿舍',
  365. url: top.$.rootUrl + '/LogisticsManagement/Accommodation/Allocation',
  366. width: 400,
  367. height: 250,
  368. callBack: function (id) {
  369. return top[id].acceptClick(refreshGirdData);
  370. }
  371. });
  372. },
  373. addFloor: function () {
  374. var url = "";
  375. url = top.$.rootUrl + '/LogisticsManagement/Accommodation/FormBed?ParentID=' + this.roomID + '&ParentName=' + this.roomName;
  376. top.learun.layerForm({
  377. id: 'form',
  378. title: '新增',
  379. url: url,
  380. width: 600,
  381. height: 400,
  382. callBack: function (id) {
  383. return top[id].acceptClick(this.laterGetData());
  384. }.bind(this)
  385. });
  386. },
  387. update: function (id) {
  388. top.learun.layerForm({
  389. id: 'form',
  390. title: '编辑',
  391. url: top.$.rootUrl + '/LogisticsManagement/Accommodation/FormBed?keyValue=' + id,
  392. width: 600,
  393. height: 400,
  394. callBack: function (id) {
  395. return top[id].acceptClick(this.laterGetData());
  396. }.bind(this)
  397. });
  398. },
  399. deleteFloor: function (floor) {
  400. top.learun.layerConfirm('是否确认删除该项!', function (res) {
  401. if (res) {
  402. this.floors.splice($.inArray(floor, this.floors), 1);
  403. top.learun.deleteForm(top.$.rootUrl + '/LogisticsManagement/Accommodation/DeleteForm', { keyValue: floor.dormitory.ID }, function () {
  404. });
  405. }
  406. }.bind(this));
  407. },
  408. checkDetail: function (floor) {
  409. var echarts1;
  410. //圆形图
  411. var i = 0;
  412. var g = (floor.HasStudentNum / floor.BedNum) * 100 + "%";
  413. layer.open({
  414. type: 1,
  415. closeBtn: 2,
  416. area: ['888px', '80%'],
  417. content: '<div class="layerBox unitLayer roomLayer">' +
  418. '<div class="layer_sec1 layer_sec">' +
  419. '<div class="laySec1L">' +
  420. '<div class="laySec1ConTitle">' + this.dormitoryName + '&nbsp;&nbsp;' + this.unitName + '&nbsp;&nbsp;' + this.floorName + '&nbsp;&nbsp;' + this.roomName + '</div> ' +
  421. '<div class="laySec1ConT">' + floor.dormitory.Name +
  422. this.filter_sex(floor.dormitory.Sex) +
  423. '</div>' +
  424. '<div class="laySec1R">' +
  425. '<div class="laySec1RImg"><div><img src="' + top.$.rootUrl + '/LR_OrganizationModule/User/GetImg?userId=' + floor.stuInfo.StuId + '" alt="" /></div></div>' +
  426. '<div class="laySec1RCon">' +
  427. '<div class="laySec1Txts"><span>学&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号</span>' + floor.stuInfo.StuNo + '</div>' +
  428. '<div class="laySec1Txts"><span>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名</span>'+ floor.stuInfo.StuName +'</div>' +
  429. '<div class="laySec1Txts"><span>联系电话</span>'+floor.stuInfo.mobile+'</div>' +
  430. '<div class="laySec1Txts"><span>出生日期</span>'+floor.stuInfo.Birthday+'</div>' +
  431. '</div>' +
  432. '</div>' +
  433. '</div>' +
  434. '<div class="layer_sec layer_sec2">' +
  435. '<ul class="laySec2List">' +
  436. '<li><span>院&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;系</span>' + this.filter_Dept(floor.stuInfo.DeptNo) + '</li>' +
  437. '<li><span>专&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;业</span>' + this.filter_Major(floor.stuInfo.MajorNo) + '</li>' +
  438. '<li><span>年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;级</span>' + floor.stuInfo.Grade + '</li>' +
  439. '<li><span>班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;级</span>' + this.filter_class(floor.stuInfo.ClassNo) + '</li>' +
  440. '<li><span>考 生 号</span>' + floor.stuInfo.ksh + '</li>' +
  441. '<li><span>通知书号</span>' + floor.stuInfo.NoticeNo + '</li>' +
  442. '<li><span>民&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;族</span>' + this.filter_BCdNationality(floor.stuInfo.NationalityNo) + '</li>' +
  443. '<li><span>性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别</span>' + this.filter_stuSex(floor.stuInfo.GenderNo) + '</li>' +
  444. '<li><span>政治面貌</span>' + this.filter_BCdPartyFace(floor.stuInfo.PartyFaceNo) + '</li>' +
  445. '<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>' +
  446. '<li style="width:100%"><span>通信地址</span>' + floor.stuInfo.MailAddress + '</li>' +
  447. '<li><span>户口所在地</span>' + floor.stuInfo.FatherUnit + '</li>' +
  448. '<li><span>邮政编码</span>' + floor.stuInfo.PostalCode + '</li>' +
  449. '<li><span>档案所在地</span>' + floor.stuInfo.MatherUnit + '</li>' +
  450. '<li><span>家庭出身</span>' + this.filter_BCdFamilyOrigin(floor.stuInfo.FamilyOriginNo) + '</li>' +
  451. '<li><span>父亲姓名</span>' + floor.stuInfo.FatherName + '</li>' +
  452. '<li><span>父亲电话</span>' + floor.stuInfo.FatherPhone + '</li>' +
  453. '<li><span>母亲姓名</span>' + floor.stuInfo.MatherName + '</li>' +
  454. '<li><span>母亲电话</span>' + floor.stuInfo.MatherPhone + '</li>' +
  455. '<li><span>港澳台侨</span>' + this.filter_BCdOverseasChinese(floor.stuInfo.OverseasChineseNo) + '</li>' +
  456. '<li><span>本 专 科</span>' + this.filter_CollegeType(floor.stuInfo.GraduateNo) + '</li>' +
  457. '<li><span>入学年月</span>' + floor.stuInfo.EntranceDate + '</li>' +
  458. '<li><span>报道日期</span>' + floor.stuInfo.RegisterDate + '</li>' +
  459. '</ul>' +
  460. '<div class="laySec2Btn">' +
  461. //'<a href="#"><img src="/Content/images/floor/inSec1-1.png" alt="" /></a>' +
  462. //'<a href="#"><img src="/Content/images/floor/inSec1-3.png" alt="" /></a>' +
  463. //'<a href="#"><img src="/Content/images/floor/inSec1-12.png" alt="" /></a>' +
  464. '</div>' +
  465. '</div>' +
  466. '<div class="layer_sec layer_sec2 layer_sec4">' +
  467. '<ul class="laySec2List">' +
  468. '<li><span>创 建 人 </span>' + floor.dormitory.CreateBy + '</li>' +
  469. '<li><span>创建时间 </span>' + floor.dormitory.CreateTime + '</li>' +
  470. '<li><span>更 新 人</span>' + floor.dormitory.UpdateBy + ' </li>' +
  471. '<li><span>更新时间</span>' + floor.dormitory.UpdateTime + ' </li>' +
  472. '</ul>' +
  473. '</div>' +
  474. '<img class="layerImg" src="/Content/images/floor/room1-2.png" alt="" />' +
  475. '</div>'
  476. })
  477. }
  478. },
  479. created() {
  480. this.getData();
  481. },
  482. filters: {
  483. filter_sex: function (value) {
  484. return value == "1" ? "男生宿舍" : "女生宿舍";
  485. },
  486. filter_sexImg: function (value) {
  487. return value == "1" ? "/Content/images/floor/inSec1-10_2.png" : "/Content/images/floor/inSec1-10.png"
  488. },
  489. filter_style: function (value) {
  490. return value == "1" ? { background: '#7070da' } : {};
  491. },
  492. filter_url: function (value) {
  493. return "/LogisticsManagement/Accommodation/Dormitory?ID=" + value;
  494. },
  495. filter_Dept: function (value) {
  496. var result;
  497. top.learun.clientdata.getAsync('custmerData', {
  498. url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'CdDeptInfo',
  499. key: value,
  500. keyId: 'deptno',
  501. callback: function (_data) {
  502. result = _data.deptname;
  503. }.bind(this)
  504. });
  505. return result;
  506. },
  507. filter_Major: function (value) {
  508. var result;
  509. top.learun.clientdata.getAsync('custmerData', {
  510. url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'CdMajorInfo',
  511. key: value,
  512. keyId: 'majorno',
  513. callback: function (_data) {
  514. result = _data.majorname;
  515. }.bind(this)
  516. });
  517. return result;
  518. },
  519. }
  520. })
  521. </script>
  522. </body>