bjquanjiang
/
DigitalScholl
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
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.
1248 Commits
27 Branches
925 MiB
 
 
 
 
 
 
Tree: fb2428dc2d
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'fb2428dc2d'
${ noResults }
DigitalScholl/Learun.Framework.Ultimate V7/Learun.Application.Web/Areas/LogisticsManagement/Views/Accommodation/Floor.cshtml

398 lines
19 KiB
Raw Blame History 

  1. 

  2. @{

  3.     ViewBag.Title = "Floor";

  4.     Layout = "~/Views/Shared/_Index.cshtml";

  5. }

  6. 

  7. 

  8. <head>

  9.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  10.     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

  11.     <meta name="renderer" content="webkit">

  12.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

  13.     <meta name="format-detection" content="telephone=no" />

  14.     <link rel="shortcut icon" href="" />

  15.     <title>数字化校园-宿舍</title>

  16.     <meta name="keywords" content="数字化校园-宿舍" />

  17.     <meta name="description" content="数字化校园-宿舍" />

  18.     <link href="~/Content/font/css/font-awesome.css" rel="stylesheet" />

  19.     <link href="~/Content/css/swiper.min.css" rel="stylesheet" />

  20.     <link href="~/Content/css/common.css" rel="stylesheet" />

  21.     <link href="~/Content/css/index.css" rel="stylesheet" />

  22.     <!--自适应-->

  23.     <script src="~/Content/jquery/plugin/layer/layer.js"></script>

  24.     <script src="~/Content/echarts/echarts.js"></script>

  25.     <script src="~/Content/news/js/easing.js"></script>

  26.     <script src="~/Content/jquery/plugin/jquery-ui/jquery-ui.min.js"></script>

  27.     <!--自适应-->

  28.     <script src="~/Content/js/dormitory/main.js"></script>

  29. 

  30.     <!--[if lte IE 9]>

  31.        <script src="js/respond.min.js"></script>

  32.        <script src="js/html5shiv.js"></script>

  33.     <![endif]-->

  34.     <style>

  35.         html, body {

  36.             background-image: url('/Content/images/floor/bg.jpg');

  37.             filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/Content/images/floor/bg.jpg',  sizingMethod='scale');

  38.             overflow: auto;

  39.         }

  40. 

  41. 

  42.         .layerImg {

  43.             top: -10px;

  44.             left: -210px;

  45.             width: 400px

  46.         }

  47.     </style>

  48. </head>

  49. <body>

  50.     <!--  / warpper  -->

  51.     <div id="app" class="index_warpper floor_warpper">

  52. 

  53.         <!--  / index_sec1  -->

  54.         <div class="index_sec index_sec1">

  55.             <div class="index_box">

  56.                 <div class="indSec1T">

  57.                     @*山西省小店区高新校区*@

  58. 

  59.                     <ul class="indSec1List">

  60.                         @*<li><a href="#" @@click="allocation()"><img src="/Content/images/floor/inSec1-6.png" alt="" />自动分配宿舍</a></li>*@

  61.                         <li><a href="#" @@click="addFloor()"><img src="/Content/images/floor/inSec1-7.png" alt="" />添加宿舍楼</a></li>

  62.                         @*<li><a href="#"><img src="/Content/images/floor/inSec1-8.png" alt="" />批量删除</a></li>*@

  63.                         @*<li><a href="#"><img src="/Content/images/floor/inSec1-9.png" alt="" />打印宿舍数据</a></li>*@

  64.                     </ul>

  65.                 </div>

  66.                 <div class="inSec1Row">

  67.                     <div v-for="floor in floors" class="inSec1Col3">

  68.                         <div class="inSec1Box">

  69.                             <div class="inSec1Top">

  70.                                 <span>{{floor.dormitory.Name}}</span>

  71.                                 <ul class="inSec1TopList">

  72.                                     <li>

  73.                                         <a href="javascript:;"><img src="/Content/images/floor/inSec1-2.png" alt="" /></a>

  74.                                         <div class="inSec1Con inSec1Con1">

  75.                                             <img class="inSec1Horn" src="/Content/images/floor/inSec1-11.png" alt="" />

  76.                                             <div class="inSec1Con2">

  77.                                                 <div class="inSec1ConT">

  78.                                                     {{floor.dormitory.Name}}

  79.                                                     @*<div class="inSec1Sex" :style="floor.dormitory.Sex | filter_style"><img :src="floor.dormitory.Sex | filter_sexImg" alt="" />{{floor.dormitory.Sex | filter_sex}}</div>*@

  80.                                                 </div>

  81.                                                 <div class="inSec1ConTxt">

  82.                                                     <span>{{floor.UnitNum}}</span>单元 <span>{{floor.floorNum}}</span>层 <span>{{floor.RoomNum}}</span>间

  83.                                                 </div>

  84.                                                 <div class="inSec1ConTxt">

  85.                                                     <span>{{floor.BedNum}}</span>床位 &nbsp;&nbsp;&nbsp;&nbsp; 入住<span>{{floor.HasStudentNum}}</span>人

  86.                                                 </div>

  87.                                                 <div @@click="checkDetail(floor)" class="inSec1Btn">查看更多信息  <i class="fa fa-angle-right"></i></div>

  88.                                             </div>

  89.                                         </div>

  90.                                     </li>

  91.                                     <li @@click="update(floor.dormitory.ID)"><a href="#"><img src="/Content/images/floor/inSec1-1.png" alt="" /></a></li>

  92.                                     <li @@click="deleteFloor(floor)"><a href="javascript:;"><img src="/Content/images/floor/inSec1-3.png" alt="" /></a></li>

  93.                                 </ul>

  94.                                 <div class="clear"></div>

  95.                             </div>

  96.                             <div class="inSec1Img">

  97.                                 <a :href="floor.dormitory.ID | filter_url"><img src="/Content/images/floor/inSec1-4.png" alt="" /></a>

  98.                             </div>

  99.                         </div>

  100.                     </div>

  101.                 </div>

  102. 

  103. 

  104.             </div>

  105.         </div>

  106.         <!--  / index_sec1  -->

  107. 

  108.     </div>

  109.     <!--  / warpper  -->

  110. 

  111. 

  112.     <script>

  113. 

  114. 

  115.         var color1 = ['#6471F3', '#A4C2FF'], color2 = ['#94DB95', '#ED94A5'];

  116.         var vm = new Vue({

  117.             el: "#app",

  118.             data: {

  119.                 floors: "",

  120.                 sexImgUrl: "/Content/images/floor/inSec1-10.png",

  121.             },

  122.             methods: {

  123.                 getData: function () {

  124.                     $.get('/LogisticsManagement/Accommodation/GetDormitoryList', function (ref) {

  125.                         this.floors = ref.data;

  126. 

  127.                     }.bind(this), "json");

  128. 

  129.                 },

  130.                 laterGetData: function () {

  131.                     setTimeout(function () {

  132.                         this.getData();

  133.                     }.bind(this), 1000);

  134.                 },

  135.                 filter_Dept: function (value) {

  136.                     var result = '';

  137.                     top.learun.clientdata.getAsync('custmerData', {

  138.                         sync: true,

  139.                         url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'CdDeptInfo',

  140.                         key: value,

  141.                         keyId: 'deptno',

  142.                         callback: function (_data) {

  143.                             result = _data.deptname;

  144.                         }

  145.                     });

  146.                     return result;

  147.                 },

  148.                 filter_Major: function (value) {

  149.                     var result = '';

  150.                     top.learun.clientdata.getAsync('custmerData', {

  151.                         sync: true,

  152.                         url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'CdMajorInfo',

  153.                         key: value,

  154.                         keyId: 'id',

  155.                         callback: function (_data) {

  156.                             result = _data.majorname;

  157. 

  158.                         }

  159.                     });

  160.                     return result;

  161. 

  162.                 },

  163.                 filter_company: function (value) {

  164.                     var result;

  165.                     top.learun.clientdata.getAsync('custmerData', {

  166.                         sync: true,

  167.                         url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'company',

  168.                         key: value,

  169.                         keyId: 'f_companyid',

  170.                         callback: function (_data) {

  171.                             result = _data.f_fullname;

  172.                         }

  173.                     });

  174. 

  175.                     return result;

  176.                 },

  177.                 filter_sex: function (value) {

  178.                     if (value == "1") {

  179.                         return '<div class="laySec1Sex" style="background:#7070da"><img src="/Content/images/floor/inSec1-10_2.png" alt="" />男生宿舍</div></div>'

  180. 

  181.                     } else {

  182. 

  183.                         return '<div class="laySec1Sex"><img src="/Content/images/floor/inSec1-10.png" alt="" />女生宿舍</div></div>'

  184.                     }

  185.                 },

  186.                 allocation: function () {

  187.                     top.learun.layerForm({

  188.                         id: 'form',

  189.                         title: '自动分配宿舍',

  190.                         url: top.$.rootUrl + '/LogisticsManagement/Accommodation/Allocation',

  191.                         width: 400,

  192.                         height: 250,

  193.                         callBack: function (id) {

  194.                             return top[id].acceptClick();

  195.                         }

  196.                     });

  197.                 },

  198.                 addFloor: function () {

  199.                     var url = "";

  200.                     url = top.$.rootUrl + '/LogisticsManagement/Accommodation/FormClassify';

  201.                     top.learun.layerForm({

  202.                         id: 'form',

  203.                         title: '新增',

  204.                         url: url,

  205.                         width: 600,

  206.                         height: 400,

  207.                         callBack: function (id) {

  208.                             return top[id].acceptClick(this.laterGetData());

  209.                         }.bind(this)

  210.                     });

  211. 

  212.                 },

  213.                 update: function (id) {

  214.                     top.learun.layerForm({

  215.                         id: 'form',

  216.                         title: '编辑',

  217.                         url: top.$.rootUrl + '/LogisticsManagement/Accommodation/FormClassify?keyValue=' + id,

  218.                         width: 600,

  219.                         height: 400,

  220.                         callBack: function (id) {

  221.                             return top[id].acceptClick(this.laterGetData());

  222.                         }.bind(this)

  223.                     });

  224. 

  225.                 },

  226.                 deleteFloor: function (floor) {

  227.                     top.learun.layerConfirm('是否确认删除该项！', function (res) {

  228.                         if (res) {

  229.                             this.floors.splice($.inArray(floor, this.floors), 1);

  230.                             top.learun.deleteForm(top.$.rootUrl + '/LogisticsManagement/Accommodation/DeleteForm', { keyValue: floor.dormitory.ID }, function () {

  231.                             });

  232.                         }

  233.                     }.bind(this));

  234.                 },

  235.                 checkDetail: function (floor) {

  236.                     var echarts1;

  237.                     //圆形图

  238.                     var i = 0;

  239.                     var g = "0%";

  240.                     if (!!floor.HasStudentNum && !!floor.BedNum && floor.HasStudentNum != 0 && floor.BedNum != 0) {

  241.                         g = ((floor.HasStudentNum / floor.BedNum) * 100).toFixed(2) + "%";

  242.                     }

  243.                     layer.open({

  244.                         type: 1,

  245.                         closeBtn: 2,

  246.                         area: ['888px', '80%'],

  247.                         content: '<div class="layerBox">' +

  248.                             '<img class="layerImg" src="/Content/images/floor/inSec1-4.png" alt="" />' +

  249.                             '<div class="layer_sec1 layer_sec">' +

  250.                             '<div class="laySec1L">' +

  251.                             '<div class="laySec1ConT">' + floor.dormitory.Name +

  252.                             '<span style="display:none">' + this.filter_sex(floor.dormitory.Sex) + '</span>' +

  253.                             '</div>' +

  254.                             '<div class="laySec1R">' +

  255.                             '<div><div class="laySec1Txt"><span>负&nbsp;责&nbsp;人</span>' + floor.dormitory.Functionary + '</div>  <div class="laySec1Txt"><span>负责人电话</span>' + floor.dormitory.Phone + '</div></div>' +

  256.                             '<div class="laySec1Txt"><span>校&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;区</span>' + this.filter_company(floor.dormitory.Campus) + '</div>' +

  257.                             '<div class="laySec1Txt"><span>地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址</span>' + floor.dormitory.Address + '</div>' +

  258.                             '</div>' +

  259.                             '</div>' +

  260.                             '<div class="layer_sec layer_sec2">' +

  261.                             '<ul class="laySec2List">' +

  262.                             '<li><span>编&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号</span>' + floor.dormitory.DNo + '</li>' +

  263.                             '<li><span>价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格</span>' + (floor.dormitory.Price == null ? '' : floor.dormitory.Price) + ' <i>元</i></li>' +

  264.                             '<li><span>单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;元</span>' + floor.UnitNum + ' <i>个</i></li>' +

  265.                             '<li><span>入&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;住</span>' + floor.HasStudentNum + ' <i>人</i></li>' +

  266.                             '<li><span>楼&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;层</span>' + floor.floorNum + ' <i>层</i></li>' +

  267.                             '<li><span>空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;床</span>' + floor.NoStudentNum + ' <i>床</i></li>' +

  268.                             '<li><span>房&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;间</span>' + floor.RoomNum + ' <i>间</i></li>' +

  269.                             //'<li><span>涉及院系</span>' + this.filter_Dept(floor.dormitory.Dept) + '</li>' +

  270.                             '<li><span>床&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;位</span>' + floor.UnitNum + ' <i>个</i></li>' +

  271.                             // '<li><span>涉及专业</span>' + this.filter_Major(floor.dormitory.Major) + '</li>' +

  272.                             '</ul>' +

  273.                             '<div class="laySec2Btn">' +

  274.                             //'<a href="#"><img @@click="update(floor.dormitory.ID)" src="/Content/images/floor/inSec1-1.png" alt="" /></a>' +

  275.                             //'<a href="#"><img src="/Content/images/floor/inSec1-3.png" alt="" /></a>' +

  276.                             //'<a href="#"><img src="/Content/images/floor/inSec1-12.png" alt="" /></a>' +

  277.                             '</div>' +

  278.                             '</div>' +

  279.                             '<div class="layer_sec layer_sec3">' +

  280.                             '<div class="layerSec3Box">' +

  281.                             '<div id="echarts1" style="width: 100%;height:300px;"></div>' +

  282.                             '</div>' +

  283.                             '<div class="layerSec3Box">' +

  284.                             '<div id="echarts2" style="width: 100%;height:300px;"></div>' +

  285.                             '</div>' +

  286.                             '</div>' +

  287.                             '<div class="layer_sec layer_sec2 layer_sec4">' +

  288.                             '<ul class="laySec2List">' +

  289.                             '<li><span>创  建 人 </span>' + floor.dormitory.CreateBy + '</li>' +

  290.                             '<li><span>创建时间 </span>' + floor.dormitory.CreateTime + '</li>' +

  291.                             '<li><span>更 新 人</span>' + floor.dormitory.UpdateBy + ' </li>' +

  292.                             '<li><span>更新时间</span>' + floor.dormitory.UpdateTime + ' </li>' +

  293.                             '</ul>' +

  294.                             '</div>' +

  295.                             '</div>',

  296.                         cancel: function () {

  297.                             echarts1.dispose();

  298.                         }

  299.                     })

  300.                     echarts1 = echarts.init(document.getElementById('echarts1'));

  301. 

  302. 

  303.                     echarts1.setOption({

  304.                         title: {

  305.                             text: '{a|' + g + '}\n{b|入住率}',

  306.                             x: 'center',

  307.                             y: 'center',

  308.                             textStyle: {

  309.                                 rich: {

  310.                                     a: {

  311.                                         fontSize: '26',

  312.                                         color: '#8F8F8F',

  313.                                         lineHeight: 40

  314.                                     },

  315.                                     b: {

  316.                                         fontSize: '16',

  317.                                         color: '#B1B1B1'

  318.                                     }

  319.                                 }

  320.                             }

  321.                         },

  322.                         legend: {

  323.                             data: ['空床', '入住']

  324.                         },

  325.                         grid: {

  326.                             top: '5%',

  327.                             left: '2%',

  328.                             bottom: '10%',

  329.                             containLabel: true

  330.                         },

  331. 

  332.                         tooltip: {

  333.                             show: true

  334.                         },

  335. 

  336.                         series: [

  337.                             {

  338.                                 name: '',

  339.                                 type: 'pie',

  340.                                 radius: ['50%', '70%'],

  341.                                 avoidLabelOverlap: true,

  342.                                 // 高亮偏移值

  343.                                 hoverOffset: 5,

  344.                                 label: {

  345.                                     normal: {

  346.                                         show: false

  347.                                     }

  348.                                 },

  349. 

  350.                                 labelLine: {

  351.                                     normal: {

  352.                                         show: false

  353.                                     }

  354.                                 },

  355.                                 //   highlight 自定义属性  有此属性该数据集保持高亮

  356.                                 data: [{ value: floor.HasStudentNum, name: "入住" }, { value: floor.NoStudentNum, name: "空床" }],

  357.                                 itemStyle: {

  358.                                     normal: {

  359.                                         color: function () {

  360.                                             return color1[i++];

  361.                                         }

  362.                                     },

  363.                                 },

  364.                             }

  365.                         ]

  366.                     });

  367. 

  368.                 }

  369. 

  370.             },

  371.             created() {

  372.                 this.getData();

  373.             },

  374.             filters: {

  375.                 filter_sex: function (value) {

  376. 

  377.                     return value == "1" ? "男生宿舍" : "女生宿舍";

  378.                 },

  379.                 filter_sexImg: function (value) {

  380.                     return value == "1" ? "/Content/images/floor/inSec1-10_2.png" : "/Content/images/floor/inSec1-10.png"

  381.                 },

  382.                 filter_style: function (value) {

  383.                     return value == "1" ? { background: '#7070da' } : {};

  384.                 },

  385.                 filter_url: function (value) {

  386.                     return "/LogisticsManagement/Accommodation/Unit?ID=" + value + "&bbc=aa%26";

  387.                 }

  388. 

  389.             }

  390. 

  391.         })

  392. 

  393. 

  394.     </script>

  395. </body>

  396. 

  397. 

  398. )