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 29 KiB

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