@@ -16,7 +16,7 @@ namespace Learun.Application.Organization | |||
public class CompanyBLL : CompanyIBLL | |||
{ | |||
#region 属性 | |||
private CompanyService companyService = new CompanyService(); | |||
private CompanyService companyService = new CompanyService(); | |||
#endregion | |||
#region 缓存定义 | |||
@@ -120,11 +120,13 @@ namespace Learun.Application.Organization | |||
/// 获取公司映射数据 | |||
/// </summary> | |||
/// <returns></returns> | |||
public Dictionary<string,CompanyModel> GetModelMap() { | |||
public Dictionary<string, CompanyModel> GetModelMap() | |||
{ | |||
try | |||
{ | |||
Dictionary<string, CompanyModel> dic = cache.Read<Dictionary<string, CompanyModel>>(cacheKey + "dic", CacheId.company); | |||
if (dic == null) { | |||
if (dic == null) | |||
{ | |||
dic = new Dictionary<string, CompanyModel>(); | |||
List<CompanyEntity> list = GetList(); | |||
foreach (var item in list) | |||
@@ -163,7 +165,8 @@ namespace Learun.Application.Organization | |||
try | |||
{ | |||
List<CompanyEntity> list = GetList(); | |||
if (!string.IsNullOrEmpty(keyWord)) { | |||
if (!string.IsNullOrEmpty(keyWord)) | |||
{ | |||
list = list.FindAll(t => t.F_FullName.Contains(keyWord) || t.F_EnCode.Contains(keyWord) || t.F_ShortName.Contains(keyWord)); | |||
} | |||
return list; | |||
@@ -206,6 +209,30 @@ namespace Learun.Application.Organization | |||
} | |||
} | |||
/// <summary> | |||
/// 获取公司信息 | |||
/// </summary> | |||
/// <returns></returns> | |||
public CompanyEntity GetDetail() | |||
{ | |||
try | |||
{ | |||
List<CompanyEntity> list = GetList(); | |||
CompanyEntity entity = list.Find(x => x.F_DeleteMark == 0 && x.F_EnabledMark == 1); | |||
return entity; | |||
} | |||
catch (Exception ex) | |||
{ | |||
if (ex is ExceptionEx) | |||
{ | |||
throw; | |||
} | |||
else | |||
{ | |||
throw ExceptionEx.ThrowBusinessException(ex); | |||
} | |||
} | |||
} | |||
/// <summary> | |||
/// 获取公司信息实体 | |||
@@ -235,12 +262,14 @@ namespace Learun.Application.Organization | |||
/// </summary> | |||
/// <param name="parentId">父级id</param> | |||
/// <returns></returns> | |||
public List<TreeModel> GetTree(string parentId) { | |||
public List<TreeModel> GetTree(string parentId) | |||
{ | |||
try | |||
{ | |||
List<CompanyEntity> list = GetList(); | |||
List<TreeModel> treeList = new List<TreeModel>(); | |||
foreach (var item in list) { | |||
foreach (var item in list) | |||
{ | |||
TreeModel node = new TreeModel | |||
{ | |||
id = item.F_CompanyId, | |||
@@ -276,7 +305,8 @@ namespace Learun.Application.Organization | |||
{ | |||
try | |||
{ | |||
if (string.IsNullOrEmpty(parentId)) { | |||
if (string.IsNullOrEmpty(parentId)) | |||
{ | |||
return new List<string>(); | |||
} | |||
List<string> res = new List<string>(); | |||
@@ -302,10 +332,13 @@ namespace Learun.Application.Organization | |||
/// </summary> | |||
/// <param name="list">树形数据列表</param> | |||
/// <param name="ourList">输出数据列表</param> | |||
private void GetSubNodes(List<TreeModel> list, List<string> ourList) { | |||
foreach (var item in list) { | |||
private void GetSubNodes(List<TreeModel> list, List<string> ourList) | |||
{ | |||
foreach (var item in list) | |||
{ | |||
ourList.Add(item.id); | |||
if (item.hasChildren) { | |||
if (item.hasChildren) | |||
{ | |||
GetSubNodes(item.ChildNodes, ourList); | |||
} | |||
} | |||
@@ -42,7 +42,12 @@ namespace Learun.Application.Organization | |||
/// <param name="keyValue">主键</param> | |||
/// <returns></returns> | |||
CompanyEntity GetEntity(string keyValue); | |||
/// <summary> | |||
/// 获取公司信息 | |||
/// </summary> | |||
/// <returns></returns> | |||
CompanyEntity GetDetail(); | |||
bool GetAny(); | |||
/// <summary> | |||
/// 获取树形数据 | |||
@@ -9,9 +9,9 @@ | |||
<input id="AICode" hidden="hidden" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" /> | |||
</div> | |||
@*<div class="col-xs-6 lr-form-item" data-table="Ass_AssetsInfoItem"> | |||
<div class="lr-form-item-title">序号</div> | |||
<input id="AICodeNum" type="text" class="form-control" /> | |||
</div>*@ | |||
<div class="lr-form-item-title">序号</div> | |||
<input id="AICodeNum" type="text" class="form-control" /> | |||
</div>*@ | |||
<div class="col-xs-6 lr-form-item" data-table="Ass_AssetsInfoItem"> | |||
<div class="lr-form-item-title">资产编号</div> | |||
<input id="AICodeNumJY" type="text" class="form-control" /> | |||
@@ -22,12 +22,16 @@ | |||
</div> | |||
<div class="col-xs-6 lr-form-item" data-table="Ass_AssetsInfoItem"> | |||
<div class="lr-form-item-title">房间号</div> | |||
<div id="AIIStoragePosition" isvalid="yes" checkexpession="NotNull"></div> | |||
<div id="AIIStoragePosition"></div> | |||
</div> | |||
<div class="col-xs-6 lr-form-item" data-table="Ass_AssetsInfoItem"> | |||
<div class="lr-form-item-title">资产名称</div> | |||
<input id="AIASSName" type="text" class="form-control" /> | |||
</div> | |||
<div class="col-xs-6 lr-form-item" data-table="Ass_AssetsInfoItem"> | |||
<div class="lr-form-item-title">资产分类</div> | |||
<div id="AIASSClass"></div> | |||
</div> | |||
<div class="col-xs-6 lr-form-item" data-table="Ass_AssetsInfoItem"> | |||
<div class="lr-form-item-title">资产规格</div> | |||
<input id="AISpecification" type="text" class="form-control" /> | |||
@@ -149,10 +153,7 @@ | |||
<div class="lr-form-item-title">报废提示时间<font face="宋体">*</font></div> | |||
<div id="ScrapRemindTime"> </div> | |||
</div> | |||
<div class="col-xs-6 lr-form-item" data-table="Ass_AssetsInfoItem"> | |||
<div class="lr-form-item-title">资产分类</div> | |||
<div id="AIASSClass"></div> | |||
</div> | |||
<div class="col-xs-6 lr-form-item" data-table="Ass_AssetsInfoItem"> | |||
<div class="lr-form-item-title">增加方式</div> | |||
<div id="AIAddType"></div> | |||
@@ -16,13 +16,13 @@ | |||
<div class="lr-form-item-title">明细编号<font face="宋体">*</font></div> | |||
<input id="AICode" hidden="hidden" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" /> | |||
</div> | |||
@*<div class="col-xs-6 lr-form-item" data-table="Ass_AssetsInfoItem"> | |||
<div class="lr-form-item-title">序号<font face="宋体">*</font></div> | |||
<input id="AICodeNum" readonly="readonly" type="text" class="form-control" isvalid="yes" checkexpession="PositiveFloatint" /> | |||
</div>*@ | |||
<div class="col-xs-6 lr-form-item" data-table="Ass_AssetsInfoItem"> | |||
</div> | |||
@*<div class="col-xs-6 lr-form-item" data-table="Ass_AssetsInfoItem"> | |||
<div class="lr-form-item-title">序号<font face="宋体">*</font></div> | |||
<input id="AICodeNum" readonly="readonly" type="text" class="form-control" isvalid="yes" checkexpession="PositiveFloatint" /> | |||
</div>*@ | |||
<img id="photo" /> | |||
<div class="col-xs-6 lr-form-item" data-table="Ass_AssetsInfoItem"> | |||
<div class="lr-form-item-title" readonly="readonly">资产编号</div> | |||
@@ -47,6 +47,12 @@ | |||
<div class="lr-form-item-title">资产名称</div> | |||
<input id="AIASSName" readonly="readonly" type="text" class="form-control" /> | |||
</div> | |||
<div class="col-xs-6 lr-form-item" data-table="Ass_AssetsInfoItem"> | |||
</div> | |||
<div class="col-xs-6 lr-form-item" data-table="Ass_AssetsInfoItem"> | |||
<div class="lr-form-item-title">资产分类</div> | |||
<div id="AIASSClass"></div> | |||
</div> | |||
<div class="col-xs-6 lr-form-item" data-table="Ass_AssetsInfoItem"> | |||
<div class="lr-form-item-title">资产规格</div> | |||
<input id="AISpecification" readonly="readonly" type="text" class="form-control" /> | |||
@@ -15,7 +15,7 @@ | |||
<div class="lr-layout lr-layout-left-center "> | |||
<div class="lr-layout-left"> | |||
<div class="lr-layout-wrap"> | |||
<div class="lr-layout-title lrlt ">资产属性</div> | |||
<div class="lr-layout-title lrlt ">资产分类</div> | |||
<div id="dataTree" class="lr-layout-body"></div> | |||
</div> | |||
</div> | |||
@@ -5,19 +5,24 @@ | |||
<div class="lr-form-wrap" id="form"> | |||
<div class="col-xs-12 lr-form-item" data-table="OANews"> | |||
<div class="lr-form-item-title">公告标题<font face="宋体">*</font></div> | |||
<div class="lr-form-item-title">标题<font face="宋体">*</font></div> | |||
<input id="F_FullHead" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" placeholder="请输入标题" /> | |||
</div> | |||
<div class="col-xs-6 lr-form-item" data-table="OANews"> | |||
<div class="lr-form-item-title">发布时间<font face="宋体">*</font></div> | |||
<input id="F_ReleaseTime" type="text" class="form-control lr-input-wdatepicker" onfocus="WdatePicker({ dateFmt: 'yyyy/MM/dd HH:mm' })" isvalid="yes" checkexpession="NotNull" value="@Learun.Util.Time.GetToday("yyyy/MM/dd HH:mm")" /> | |||
</div> | |||
<div class="col-xs-12 lr-form-item" data-table="OANews"> | |||
<div class="lr-form-item-title">捡拾人<font face="宋体">*</font></div> | |||
<input id="F_Picker" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" placeholder="请输入捡拾人" /> | |||
</div> | |||
<div class="col-xs-12 lr-form-item" data-table="OANews"> | |||
<div class="lr-form-item-title">标题图片</div> | |||
<div id="F_Image"></div> | |||
</div> | |||
<div class="col-xs-12 lr-form-item" data-table="OANews"> | |||
<div class="lr-form-item-title">公告内容</div> | |||
<div class="lr-form-item-title">内容</div> | |||
<div id="editor" style="height:300px;"></div> | |||
</div> | |||
</div> | |||
@@ -28,7 +28,7 @@ var bootstrap = function ($, learun) { | |||
$('#lr_add').on('click', function () { | |||
learun.layerForm({ | |||
id: 'form', | |||
title: '添加公告', | |||
title: '添加', | |||
url: top.$.rootUrl + '/LR_OAModule/LostArticleInfo/Form', | |||
width: 1000, | |||
height: 650, | |||
@@ -62,7 +62,7 @@ var bootstrap = function ($, learun) { | |||
} | |||
learun.layerForm({ | |||
id: 'formedit', | |||
title: '编辑公告', | |||
title: '编辑', | |||
url: top.$.rootUrl + '/LR_OAModule/LostArticleInfo/Form?keyValue=' + keyValue, | |||
width: 1000, | |||
height: 650, | |||
@@ -188,15 +188,18 @@ var bootstrap = function ($, learun) { | |||
return learun.formatDate(cellvalue, 'yyyy-MM-dd hh:mm'); | |||
} | |||
}, | |||
{ label: '拾捡人', name: 'F_Picker', index: 'F_Picker', width: 100, align: 'left' }, | |||
{ | |||
label: "状态", name: "F_State", index: "F_State", width: 140, align: "left", | |||
formatter: function(cellvalue) { | |||
if (cellvalue == 0) | |||
return "<span class=\"label label-default\">草稿</span>"; | |||
else if (cellvalue == 1) | |||
return "<span class=\"label label-success\">已发布</span>"; | |||
else if (cellvalue == 3) | |||
return "<span class=\"label label-warning\">已撤下</span>"; | |||
return "<span class=\"label label-warning\">待认领</span>"; | |||
else if (cellvalue == 2) | |||
return "<span class=\"label label-success\">已认领</span>"; | |||
//else if (cellvalue == 3) | |||
// return "<span class=\"label label-warning\">已撤下</span>"; | |||
} | |||
}, | |||
//{ label: "创建时间", name: "F_CreateTime", index: "F_CreateDate", width: 130, align: 'left' } | |||
@@ -51,6 +51,11 @@ namespace Learun.Application.Web.Areas.LR_OrganizationModule.Controllers | |||
public ActionResult GetList(string keyword) | |||
{ | |||
var data = companyIBLL.GetList(keyword); | |||
foreach (var item in data) | |||
{ | |||
item.F_BriefIntroduction = WebHelper.HtmlDecode(item.F_BriefIntroduction); | |||
item.F_EnrollmentInformation = WebHelper.HtmlDecode(item.F_EnrollmentInformation); | |||
} | |||
return JsonResult(data); | |||
} | |||
/// <summary> | |||
@@ -104,6 +109,8 @@ namespace Learun.Application.Web.Areas.LR_OrganizationModule.Controllers | |||
public ActionResult SaveForm(string keyValue, CompanyEntity entity) | |||
{ | |||
entity.SyncFlag = false; | |||
entity.F_BriefIntroduction = WebHelper.HtmlEncode(entity.F_BriefIntroduction); | |||
entity.F_EnrollmentInformation = WebHelper.HtmlEncode(entity.F_EnrollmentInformation); | |||
var list = companyIBLL.GetList(); | |||
if (!string.IsNullOrEmpty(keyValue)) | |||
{ | |||
@@ -2,78 +2,85 @@ | |||
ViewBag.Title = "学校添加"; | |||
Layout = "~/Views/Shared/_Form.cshtml"; | |||
} | |||
<div class="lr-form-wrap" id="form"> | |||
<div class="col-xs-12 lr-form-item"> | |||
<div class="lr-form-item-title">学校名称<font face="宋体">*</font></div> | |||
<input id="F_FullName" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" /> | |||
</div> | |||
<div class="col-xs-6 lr-form-item"> | |||
<div class="lr-form-item-title">学校编码<font face="宋体">*</font></div> | |||
<input id="F_EnCode" type="text" class="form-control" isvalid="yes" checkexpession="Num" /> | |||
</div> | |||
<div class="col-xs-6 lr-form-item"> | |||
<div class="lr-form-item-title">学校简称<font face="宋体">*</font></div> | |||
<input id="F_ShortName" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" /> | |||
</div> | |||
<div class="col-xs-6 lr-form-item"> | |||
<div class="lr-form-item-title">上级学校</div> | |||
<div id="F_ParentId"></div> | |||
</div> | |||
<div class="col-xs-6 lr-form-item"> | |||
<div class="lr-form-item-title">成立时间</div> | |||
<input id="F_FoundedTime" type="text" class="form-control lr-input-wdatepicker" onfocus="WdatePicker()" /> | |||
</div> | |||
<div class="col-xs-6 lr-form-item"> | |||
<div class="lr-form-item-title">负责人</div> | |||
<input id="F_Manager" type="text" class="form-control" /> | |||
</div> | |||
<div class="col-xs-6 lr-form-item"> | |||
<div class="lr-form-item-title">电话</div> | |||
<input id="F_OuterPhone" type="text" class="form-control" /> | |||
</div> | |||
<div class="lr-form-wrap" id="form"> | |||
<div class="col-xs-12 lr-form-item"> | |||
<div class="lr-form-item-title">学校名称<font face="宋体">*</font></div> | |||
<input id="F_FullName" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" /> | |||
</div> | |||
<div class="col-xs-6 lr-form-item"> | |||
<div class="lr-form-item-title">学校编码<font face="宋体">*</font></div> | |||
<input id="F_EnCode" type="text" class="form-control" isvalid="yes" checkexpession="Num" /> | |||
</div> | |||
<div class="col-xs-6 lr-form-item"> | |||
<div class="lr-form-item-title">学校简称<font face="宋体">*</font></div> | |||
<input id="F_ShortName" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" /> | |||
</div> | |||
<div class="col-xs-6 lr-form-item"> | |||
<div class="lr-form-item-title">上级学校</div> | |||
<div id="F_ParentId"></div> | |||
</div> | |||
<div class="col-xs-6 lr-form-item"> | |||
<div class="lr-form-item-title">成立时间</div> | |||
<input id="F_FoundedTime" type="text" class="form-control lr-input-wdatepicker" onfocus="WdatePicker()" /> | |||
</div> | |||
<div class="col-xs-6 lr-form-item"> | |||
<div class="lr-form-item-title">负责人</div> | |||
<input id="F_Manager" type="text" class="form-control" /> | |||
</div> | |||
<div class="col-xs-6 lr-form-item"> | |||
<div class="lr-form-item-title">电话</div> | |||
<input id="F_OuterPhone" type="text" class="form-control" /> | |||
</div> | |||
<div class="col-xs-6 lr-form-item"> | |||
<div class="lr-form-item-title">电子邮箱</div> | |||
<input id="F_Email" type="text" class="form-control" /> | |||
</div> | |||
<div class="col-xs-6 lr-form-item"> | |||
<div class="lr-form-item-title">照片</div> | |||
<div id="F_Photo"></div> | |||
</div> | |||
<div class="col-xs-12 lr-form-item"> | |||
<div class="lr-form-item-title">校区简介</div> | |||
<div id="F_BriefIntroduction" style="height:200px;"></div> | |||
</div> | |||
<div class="col-xs-12 lr-form-item"> | |||
<div class="lr-form-item-title">招生简介</div> | |||
<div id="F_EnrollmentInformation" style="height:200px;"></div> | |||
</div> | |||
<div class="col-xs-6 lr-form-item"> | |||
<div class="lr-form-item-title">传真</div> | |||
<input id="F_Fax" type="text" class="form-control" /> | |||
</div> | |||
<div class="col-xs-12 lr-form-item"> | |||
<div class="lr-form-item-title">学校地点</div> | |||
<div id="area" class="col-xs-6 lr-form-area"> | |||
<div id="F_ProvinceId" placeholder="省" class="col-xs-4"></div> | |||
<div id="F_CityId" placeholder="市" class="col-xs-4"></div> | |||
<div id="F_CountyId" placeholder="县/区" class="col-xs-4"></div> | |||
</div> | |||
<div class="col-xs-6"> | |||
<input id="F_Address" type="text" placeholder="请输入详细地址" class="form-control" /> | |||
</div> | |||
</div> | |||
<div class="col-xs-6 lr-form-item"> | |||
<div class="lr-form-item-title">邮编</div> | |||
<input id="F_Postalcode" type="text" class="form-control" /> | |||
</div> | |||
<div class="col-xs-6 lr-form-item"> | |||
<div class="lr-form-item-title">学校官网</div> | |||
<input id="F_WebAddress" type="text" class="form-control" /> | |||
<div class="col-xs-6 lr-form-item"> | |||
<div class="lr-form-item-title">电子邮箱</div> | |||
<input id="F_Email" type="text" class="form-control" /> | |||
</div> | |||
<div class="col-xs-6 lr-form-item"> | |||
<div class="lr-form-item-title">照片</div> | |||
<div id="F_Photo"></div> | |||
</div> | |||
<div class="col-xs-12 lr-form-item"> | |||
<div class="lr-form-item-title">校区简介</div> | |||
<script id="F_BriefIntroduction" type="text/plain" style="height:270px;"> | |||
</script> | |||
@*<div id="F_BriefIntroduction" style="height:200px;"></div>*@ | |||
</div> | |||
<div class="col-xs-12 lr-form-item"> | |||
<div class="lr-form-item-title">招生简介</div> | |||
<script id="F_EnrollmentInformation" type="text/plain" style="height:270px;"> | |||
</script> | |||
@*<div id="F_EnrollmentInformation" style="height:200px;"></div>*@ | |||
</div> | |||
<div class="col-xs-6 lr-form-item"> | |||
<div class="lr-form-item-title">传真</div> | |||
<input id="F_Fax" type="text" class="form-control" /> | |||
</div> | |||
<div class="col-xs-12 lr-form-item"> | |||
<div class="lr-form-item-title">学校地点</div> | |||
<div id="area" class="col-xs-6 lr-form-area"> | |||
<div id="F_ProvinceId" placeholder="省" class="col-xs-4"></div> | |||
<div id="F_CityId" placeholder="市" class="col-xs-4"></div> | |||
<div id="F_CountyId" placeholder="县/区" class="col-xs-4"></div> | |||
</div> | |||
<div class="col-xs-12 lr-form-item"> | |||
<div class="lr-form-item-title">备注</div> | |||
<textarea id="F_Description" type="text" class="form-control" style="height:80px;"></textarea> | |||
<div class="col-xs-6"> | |||
<input id="F_Address" type="text" placeholder="请输入详细地址" class="form-control" /> | |||
</div> | |||
</div> | |||
<div class="col-xs-6 lr-form-item"> | |||
<div class="lr-form-item-title">邮编</div> | |||
<input id="F_Postalcode" type="text" class="form-control" /> | |||
</div> | |||
<div class="col-xs-6 lr-form-item"> | |||
<div class="lr-form-item-title">学校官网</div> | |||
<input id="F_WebAddress" type="text" class="form-control" /> | |||
</div> | |||
<div class="col-xs-12 lr-form-item"> | |||
<div class="lr-form-item-title">备注</div> | |||
<textarea id="F_Description" type="text" class="form-control" style="height:80px;"></textarea> | |||
</div> | |||
</div> | |||
<script src="~/Content/ueditor/ueditor.config.js"></script> | |||
<script src="~/Content/ueditor/ueditor.all.js"></script> | |||
<script src="~/Content/ueditor/lang/zh-cn/zh-cn.js"></script> | |||
@Html.AppendJsFile("/Areas/LR_OrganizationModule/Views/Company/Form.js") |
@@ -10,6 +10,8 @@ var acceptClick; | |||
var keyValue = ''; | |||
var bootstrap = function ($, learun) { | |||
"use strict"; | |||
var F_BriefIntroductionUE; | |||
var F_EnrollmentInformationUE; | |||
var selectedRow = learun.frameTab.currentIframe().selectedRow; | |||
var page = { | |||
init: function () { | |||
@@ -24,15 +26,29 @@ var bootstrap = function ($, learun) { | |||
// 省市区 | |||
$('#area').lrAreaSelect(); | |||
$('#F_Photo').lrUploader(); | |||
var F_BriefIntroductionUE = UE.getEditor('F_BriefIntroduction'); | |||
$('#F_BriefIntroduction')[0].ue = F_BriefIntroductionUE; | |||
var F_EnrollmentInformationUE = UE.getEditor('F_EnrollmentInformation'); | |||
$('#F_EnrollmentInformation')[0].ue = F_EnrollmentInformationUE; | |||
F_BriefIntroductionUE = UE.getEditor('F_BriefIntroduction'); | |||
//$('#F_BriefIntroduction')[0].ue = F_BriefIntroductionUE; | |||
F_EnrollmentInformationUE = UE.getEditor('F_EnrollmentInformation'); | |||
//$('#F_EnrollmentInformation')[0].ue = F_EnrollmentInformationUE; | |||
}, | |||
initData: function () { | |||
if (!!selectedRow) { | |||
keyValue = selectedRow.F_CompanyId; | |||
console.log(selectedRow); | |||
$('#form').lrSetFormData(selectedRow); | |||
if (selectedRow.F_BriefIntroduction) { | |||
setTimeout(function () { | |||
F_BriefIntroductionUE.setContent(selectedRow.F_BriefIntroduction); | |||
}, 100); | |||
}; | |||
if (selectedRow.F_EnrollmentInformation) { | |||
setTimeout(function () { | |||
F_EnrollmentInformationUE.setContent(selectedRow.F_EnrollmentInformation); | |||
}, 100); | |||
}; | |||
} | |||
} | |||
}; | |||
@@ -0,0 +1,387 @@ | |||
/* CSS Document */ | |||
@charset "utf-8"; | |||
*{ | |||
padding: 0; | |||
margin: 0; | |||
/*border: 0;*/ | |||
-webkit-tap-highlight-color: transparent; | |||
-moz-tap-highlight-color: transparent; | |||
-ms-tap-highlight-color: transparent; | |||
-o-tap-highlight-color: transparent; | |||
tap-highlight-color: transparent; | |||
} | |||
*:not(input,textarea) { | |||
-webkit-touch-callout: none; | |||
-webkit-user-select: none; | |||
} | |||
/*移动端*/ | |||
/* html{font-size: 625%; font-size: 100px; } | |||
body{font-size: 0.16rem;} */ | |||
body{ font-family:Arial,"Microsoft Yahei","微软雅黑";-webkit-font-smoothing: antialiased;} | |||
html,body{ | |||
height: 100%; | |||
} | |||
blockquote, body, dd, dir, dl, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, input[type=checkbox], input[type=radio], input[type=range], listing, menu, ol, p, plaintext, pre, ul, xmp { | |||
margin: 0; | |||
} | |||
button, dir, fieldset, input, input[type=button], input[type=checkbox], input[type=file], input[type=hidden], input[type=image], input[type=password], input[type=radio], input[type=range], input[type=reset], input[type=search], input[type=submit], isindex, legend, menu, ol, textarea, ul { | |||
padding: 0; | |||
} | |||
html * { | |||
outline: 0; | |||
-webkit-text-size-adjust: none; | |||
-webkit-tap-highlight-color: transparent; | |||
} | |||
input, select, textarea { | |||
-webkit-tap-highlight-color: transparent; | |||
-webkit-appearance: none; | |||
border: 0; | |||
border-radius: 0 | |||
} | |||
input[type=number]::-webkit-inner-spin-button, | |||
input[type=number]::-webkit-outer-spin-button { | |||
-webkit-appearance: none; | |||
margin: 0; | |||
} | |||
button, input, select { | |||
color: inherit | |||
} | |||
button, input, select, textarea { | |||
font-family: inherit; | |||
font-weight: inherit; | |||
font-size: inherit; | |||
margin: 0; | |||
} | |||
address, cite, dfn, em, i, var { | |||
font-style: normal; | |||
} | |||
table { | |||
border-collapse: collapse; | |||
border-spacing: 0; | |||
font-family: normal; | |||
} | |||
fieldset, iframe { | |||
border: 0; | |||
} | |||
ol, ul { | |||
list-style: none | |||
} | |||
a{ | |||
color: #333; | |||
text-decoration:none; | |||
} | |||
/*IE7不支持的清除浮动*/ | |||
.clearfix:after{ | |||
visibility:hidden; | |||
display:block; | |||
font-size:0; | |||
content:"."; | |||
clear:both; | |||
height:0; | |||
} | |||
* html .clearfix{ | |||
zoom:1; | |||
} | |||
/*全版本兼容清楚浮动*/ | |||
.clears{ clear:both; line-height:0px; overflow:hidden; font-size:0px; height:0px;} | |||
input,textarea,select{font-family:Verdana,Arial,"Microsoft Yahei","微软雅黑";} | |||
a{color: #333;text-decoration: none;} | |||
a:hover {color: inherit;} | |||
.mui-flex { | |||
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ | |||
display: -moz-box ; /* OLD - Firefox 19- (buggy but mostly works) */ | |||
display: -ms-flexbox ; /* TWEENER - IE 10 */ | |||
display: -webkit-flex ; /* NEW - Chrome */ | |||
display: flex ; /* NEW, Spec - Opera 12.1, Firefox 20+ */ | |||
-webkit-flex-wrap: wrap; | |||
-ms-flex-wrap: wrap; | |||
flex-wrap: wrap | |||
} | |||
.mui-flex .mui-flex { | |||
display: -webkit-box !important; /* OLD - iOS 6-, Safari 3.1-6 */ | |||
display: -moz-box !important; /* OLD - Firefox 19- (buggy but mostly works) */ | |||
display: -ms-flexbox !important; /* TWEENER - IE 10 */ | |||
display: -webkit-flex !important; /* NEW - Chrome */ | |||
display: flex !important; /* NEW, Spec - Opera 12.1, Firefox 20+ */ | |||
-webkit-flex-wrap: wrap; | |||
-ms-flex-wrap: wrap; | |||
flex-wrap: wrap | |||
} | |||
.mui-flex, .mui-flex *, .mui-flex:after, .mui-flex:before { | |||
box-sizing: border-box | |||
} | |||
.mui-flex.vertical { | |||
-webkit-box-orient: vertical; | |||
-webkit-box-direction: normal; | |||
-webkit-flex-direction: column; | |||
-ms-flex-direction: column; | |||
flex-direction: column | |||
} | |||
.mui-flex.vertical.reverse { | |||
-webkit-box-orient: vertical; | |||
-webkit-box-direction: reverse; | |||
-webkit-flex-direction: column-reverse; | |||
-ms-flex-direction: column-reverse; | |||
flex-direction: column-reverse | |||
} | |||
.mui-flex.vertical >.cell { | |||
width: auto | |||
} | |||
.mui-flex.vertical > .cell > .inner { | |||
position: absolute; | |||
width: 100%; | |||
height: 100% | |||
} | |||
.mui-flex.horizental { | |||
-webkit-box-orient: horizontal; | |||
-webkit-box-direction: normal; | |||
-webkit-flex-direction: row; | |||
-ms-flex-direction: row; | |||
flex-direction: row | |||
} | |||
.mui-flex.reverse { | |||
-webkit-box-orient: horizontal; | |||
-webkit-box-direction: reverse; | |||
-webkit-flex-direction: row-reverse; | |||
-ms-flex-direction: row-reverse; | |||
flex-direction: row-reverse | |||
} | |||
.mui-flex.justify-start { | |||
-webkit-box-pack: start; | |||
-webkit-justify-content: flex-start; | |||
-ms-flex-pack: start; | |||
justify-content: flex-start | |||
} | |||
.mui-flex.justify-end { | |||
-webkit-box-pack: end; | |||
-webkit-justify-content: flex-end; | |||
-ms-flex-pack: end; | |||
justify-content: flex-end | |||
} | |||
.mui-flex.justify-center { | |||
-webkit-box-pack: center; | |||
-webkit-justify-content: center; | |||
-ms-flex-pack: center; | |||
justify-content: center; | |||
} | |||
.mui-flex.justify-between { | |||
-webkit-box-pack: justify; | |||
-webkit-justify-content: space-between; | |||
-ms-flex-pack: justify; | |||
justify-content: space-between | |||
} | |||
.mui-flex.justify-around { | |||
-webkit-justify-content: space-around; | |||
-ms-flex-pack: distribute; | |||
justify-content: space-around | |||
} | |||
.mui-flex.align-start { | |||
-webkit-box-align: start; | |||
-webkit-align-items: flex-start; | |||
-ms-flex-align: start; | |||
align-items: flex-start | |||
} | |||
.mui-flex.align-end { | |||
-webkit-box-align: end; | |||
-webkit-align-items: flex-end; | |||
-ms-flex-align: end; | |||
align-items: flex-end | |||
} | |||
.mui-flex.align-center { | |||
-webkit-box-align: center; | |||
-webkit-align-items: center; | |||
-ms-flex-align: center; | |||
align-items: center | |||
} | |||
.mui-flex.align-stretch { | |||
-webkit-box-align: stretch; | |||
-webkit-align-items: stretch; | |||
-ms-flex-align: stretch; | |||
align-items: stretch | |||
} | |||
.mui-flex.align-stretch .cell { | |||
height: auto !important | |||
} | |||
.mui-flex.center { | |||
-webkit-box-pack: center; | |||
-webkit-justify-content: center; | |||
-ms-flex-pack: center; | |||
justify-content: center; | |||
-webkit-box-align: center; | |||
-webkit-align-items: center; | |||
-ms-flex-align: center; | |||
align-items: center | |||
} | |||
.mui-flex > .cell { | |||
-webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */ | |||
-moz-box-flex: 1; /* OLD - Firefox 19- */ | |||
/*width: 20%; /!* For old syntax, otherwise collapses. *!/*/ | |||
-webkit-flex: 1; /* Chrome */ | |||
-ms-flex: 1; /* IE 10 */ | |||
flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */ | |||
width: 0; | |||
-webkit-flex-basis: 0; | |||
-ms-flex-preferred-size: 0; | |||
flex-basis: 0; | |||
max-width: 100%; | |||
display: block; | |||
padding: 0; | |||
position: relative | |||
} | |||
.mui-flex.vertical > .cell { | |||
width: auto; | |||
height: 0; | |||
-webkit-flex-basis: 0; | |||
-ms-flex-preferred-size: 0; | |||
flex-basis: 0; | |||
/*max-height: 100%;*/ | |||
/*max-width: inherit;*/ | |||
display: block; | |||
padding: 0; | |||
position: relative | |||
} | |||
.mui-flex > .cell.fixed { | |||
-webkit-box-flex: 0 !important; | |||
-webkit-flex: none !important; | |||
-ms-flex: none !important; | |||
flex: none !important; | |||
width: auto | |||
} | |||
.mui-flex > .cell.self-start { | |||
-webkit-align-self: flex-start; | |||
-ms-flex-item-align: start; | |||
align-self: flex-start | |||
} | |||
.mui-flex > .cell.self-end { | |||
-webkit-align-self: flex-end; | |||
-ms-flex-item-align: end; | |||
align-self: flex-end | |||
} | |||
.mui-flex > .cell.self-center { | |||
-webkit-align-self: center; | |||
-ms-flex-item-align: center; | |||
align-self: center | |||
} | |||
.cat{ | |||
-webkit-box-flex: 3; | |||
-moz-box-flex: 3; | |||
-webkit-flex: 3; | |||
-ms-flex: 3; | |||
flex: 3; | |||
} | |||
/*common font*/ | |||
.f12{ | |||
font-size: .06rem; | |||
} | |||
.f14{ | |||
font-size: .07rem; | |||
} | |||
.f16{ | |||
font-size: .08rem; | |||
} | |||
.f18{ | |||
font-size: .09rem; | |||
} | |||
.f20{ | |||
font-size: .1rem; | |||
} | |||
.f22{ | |||
font-size: .11rem; | |||
} | |||
.f24{ | |||
font-size: .12rem; | |||
} | |||
.f26{ | |||
font-size: .13rem; | |||
} | |||
.f28{ | |||
font-size: .14rem; | |||
} | |||
.f30{ | |||
font-size: .15rem; | |||
} | |||
.f32{ | |||
font-size: .16rem; | |||
} | |||
/* .f34{ | |||
font-size: .17rem; | |||
} */ | |||
.f34 { | |||
font-size: 16px; | |||
} | |||
.f36{ | |||
font-size: .18rem; | |||
} | |||
.f38{ | |||
font-size: .19rem; | |||
} | |||
.f40{ | |||
font-size: .2rem; | |||
} | |||
.f48{ | |||
font-size: .24rem; | |||
} | |||
.f60{ | |||
font-size: .3rem; | |||
} | |||
/*comment margin-top*/ | |||
.m12{ | |||
margin-top: .06rem; | |||
} | |||
.m20{ | |||
margin-top: .1rem; | |||
} | |||
.m22{ | |||
margin-top: .11rem; | |||
} | |||
/*comment height*/ | |||
.h66{ | |||
height: .33rem; | |||
} | |||
.h90{ | |||
height: .45rem; | |||
} | |||
.covers{position: fixed;width: 100%;height: 100%;left: 0px;top: 0px;background: rgba(0,0,0,.8);text-align: center;z-index: 99999999;display: none;} | |||
.covers img{width: 450px;height: 340px;margin-top: 100px;} |
@@ -0,0 +1,33 @@ | |||
@import url(http://fonts.useso.com/css?family=Raleway:200,500,700,800); | |||
body, html { font-size: 100%; padding: 0; margin: 0;} | |||
/* Reset */ | |||
*, | |||
*:after, | |||
*:before { | |||
-webkit-box-sizing: border-box; | |||
-moz-box-sizing: border-box; | |||
box-sizing: border-box; | |||
} | |||
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */ | |||
.clearfix:before, | |||
.clearfix:after { | |||
content: " "; | |||
display: table; | |||
} | |||
.clearfix:after { | |||
clear: both; | |||
} | |||
body{ | |||
background: #f9f7f6; | |||
color: #404d5b; | |||
font-weight: 500; | |||
font-size: 1.05em; | |||
font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif; | |||
} | |||
a{color: #2fa0ec;text-decoration: none;outline: none;} | |||
a:hover,a:focus{color:#74777b;}; |
@@ -0,0 +1,244 @@ | |||
@font-face { | |||
font-family: 'icomoon'; | |||
src:url('../fonts/icomoon.eot?rretjt'); | |||
src:url('../fonts/icomoon.eot?#iefixrretjt') format('embedded-opentype'), | |||
url('../fonts/icomoon.woff?rretjt') format('woff'), | |||
url('../fonts/icomoon.ttf?rretjt') format('truetype'), | |||
url('../fonts/icomoon.svg?rretjt#icomoon') format('svg'); | |||
font-weight: normal; | |||
font-style: normal; | |||
} | |||
[class^="icon-"], [class*=" icon-"] { | |||
font-family: 'icomoon'; | |||
speak: none; | |||
font-style: normal; | |||
font-weight: normal; | |||
font-variant: normal; | |||
text-transform: none; | |||
line-height: 1; | |||
/* Better Font Rendering =========== */ | |||
-webkit-font-smoothing: antialiased; | |||
-moz-osx-font-smoothing: grayscale; | |||
} | |||
body, html { font-size: 100%; padding: 0; margin: 0;} | |||
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */ | |||
.clearfix:before, | |||
.clearfix:after { | |||
content: " "; | |||
display: table; | |||
} | |||
.clearfix:after { | |||
clear: both; | |||
} | |||
body{ | |||
font-weight: 500; | |||
font-size: 1.05em; | |||
font-family: "Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif; | |||
} | |||
a{ color: rgba(255, 255, 255, 0.6);outline: none;text-decoration: none;-webkit-transition: 0.2s;transition: 0.2s;} | |||
a:hover,a:focus{color:#74777b;text-decoration: none;} | |||
.htmleaf-container{ | |||
margin: 0 auto; | |||
} | |||
.bgcolor-1 { background: #f0efee; } | |||
.bgcolor-2 { background: #f9f9f9; } | |||
.bgcolor-3 { background: #e8e8e8; }/*light grey*/ | |||
.bgcolor-4 { background: #2f3238; color: #fff; }/*Dark grey*/ | |||
.bgcolor-5 { background: #df6659; color: #521e18; }/*pink1*/ | |||
.bgcolor-6 { background: #2fa8ec; }/*sky blue*/ | |||
.bgcolor-7 { background: #d0d6d6; }/*White tea*/ | |||
.bgcolor-8 { background: #3d4444; color: #fff; }/*Dark grey2*/ | |||
.bgcolor-9 { background: #ef3f52; color: #fff;}/*pink2*/ | |||
.bgcolor-10{ background: #64448f; color: #fff;}/*Violet*/ | |||
.bgcolor-11{ background: #3755ad; color: #fff;}/*dark blue*/ | |||
.bgcolor-12{ background: #3498DB; color: #fff;}/*light blue*/ | |||
.bgcolor-20{ background: #494A5F;color: #D5D6E2;} | |||
/* Header */ | |||
.htmleaf-header{ | |||
padding: 1em 190px 1em; | |||
letter-spacing: -1px; | |||
text-align: center; | |||
background: #66677c; | |||
} | |||
.htmleaf-header h1 { | |||
color: #D5D6E2; | |||
font-weight: 600; | |||
font-size: 2em; | |||
line-height: 1; | |||
margin-bottom: 0; | |||
} | |||
.htmleaf-header h1 span { | |||
display: block; | |||
font-size: 60%; | |||
font-weight: 400; | |||
padding: 0.8em 0 0.5em 0; | |||
color: #c3c8cd; | |||
} | |||
/*nav*/ | |||
.htmleaf-demo a{color: #fff;text-decoration: none;} | |||
.htmleaf-demo{width: 100%;padding-bottom: 1.2em;} | |||
.htmleaf-demo a{display: inline-block;margin: 0.5em;padding: 0.6em 1em;border: 3px solid #fff;font-weight: 700;} | |||
.htmleaf-demo a:hover{opacity: 0.6;} | |||
.htmleaf-demo a.current{background:#1d7db1;color: #fff; } | |||
/* Top Navigation Style */ | |||
.htmleaf-links { | |||
position: relative; | |||
display: inline-block; | |||
white-space: nowrap; | |||
font-size: 1.5em; | |||
text-align: center; | |||
} | |||
.htmleaf-links::after { | |||
position: absolute; | |||
top: 0; | |||
left: 50%; | |||
margin-left: -1px; | |||
width: 2px; | |||
height: 100%; | |||
background: #dbdbdb; | |||
content: ''; | |||
-webkit-transform: rotate3d(0,0,1,22.5deg); | |||
transform: rotate3d(0,0,1,22.5deg); | |||
} | |||
.htmleaf-icon { | |||
display: inline-block; | |||
margin: 0.5em; | |||
padding: 0em 0; | |||
width: 1.5em; | |||
text-decoration: none; | |||
} | |||
.htmleaf-icon span { | |||
display: none; | |||
} | |||
.htmleaf-icon:before { | |||
margin: 0 5px; | |||
text-transform: none; | |||
font-weight: normal; | |||
font-style: normal; | |||
font-variant: normal; | |||
font-family: 'icomoon'; | |||
line-height: 1; | |||
speak: none; | |||
-webkit-font-smoothing: antialiased; | |||
} | |||
/* footer */ | |||
.htmleaf-footer{width: 100%;padding-top: 10px;} | |||
.htmleaf-small{font-size: 0.8em;} | |||
.center{text-align: center;} | |||
/****/ | |||
.related { | |||
color: #fff; | |||
background: #494A5F; | |||
text-align: center; | |||
font-size: 1.25em; | |||
padding: 0.5em 0; | |||
overflow: hidden; | |||
} | |||
.related > a { | |||
vertical-align: top; | |||
width: calc(100% - 20px); | |||
max-width: 340px; | |||
display: inline-block; | |||
text-align: center; | |||
margin: 20px 10px; | |||
padding: 25px; | |||
font-family: "Microsoft YaHei","宋体","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo; | |||
} | |||
.related a { | |||
display: inline-block; | |||
text-align: left; | |||
margin: 20px auto; | |||
padding: 10px 20px; | |||
opacity: 0.8; | |||
-webkit-transition: opacity 0.3s; | |||
transition: opacity 0.3s; | |||
-webkit-backface-visibility: hidden; | |||
} | |||
.related a:hover, | |||
.related a:active { | |||
opacity: 1; | |||
} | |||
.related a img { | |||
max-width: 100%; | |||
opacity: 0.8; | |||
border-radius: 4px; | |||
} | |||
.related a:hover img, | |||
.related a:active img { | |||
opacity: 1; | |||
} | |||
.related h3{font-family: "Microsoft YaHei", sans-serif;font-size: 1.2em} | |||
.related a h3 { | |||
font-size: 0.85em; | |||
font-weight: 300; | |||
margin-top: 0.15em; | |||
color: #fff; | |||
} | |||
/* icomoon */ | |||
.icon-htmleaf-home-outline:before { | |||
content: "\e5000"; | |||
} | |||
.icon-htmleaf-arrow-forward-outline:before { | |||
content: "\e5001"; | |||
} | |||
@media screen and (max-width: 1024px) { | |||
.htmleaf-header { | |||
padding: 2em 10% 2em; | |||
} | |||
.htmleaf-header h1 { | |||
font-size:1.4em; | |||
} | |||
.htmleaf-links{font-size: 1.4em} | |||
} | |||
@media screen and (max-width: 960px) { | |||
.htmleaf-header { | |||
padding: 2em 10% 2em; | |||
} | |||
.htmleaf-header h1 { | |||
font-size:1.2em; | |||
} | |||
.htmleaf-links{font-size: 1.2em} | |||
.related h3{font-size: 1em;} | |||
.related a h3 { | |||
font-size: 0.8em; | |||
} | |||
} | |||
@media screen and (max-width: 766px) { | |||
.htmleaf-header h1 { | |||
font-size:1.3em; | |||
} | |||
.htmleaf-links{font-size: 1.3em} | |||
} | |||
@media screen and (max-width: 640px) { | |||
.htmleaf-header { | |||
padding: 2em 10% 2em; | |||
} | |||
.htmleaf-header h1 { | |||
font-size:1em; | |||
} | |||
.htmleaf-links{font-size: 1em} | |||
.related h3{font-size: 0.8em;} | |||
.related a h3 { | |||
font-size: 0.6em; | |||
} | |||
} |
@@ -0,0 +1,710 @@ | |||
/* CSS Document */ | |||
@charset "utf-8"; | |||
.grid{ | |||
width: 94%; | |||
margin: 0 auto; | |||
} | |||
.header-main{ | |||
width: 100%; | |||
top: 0; | |||
left: 0; | |||
z-index: 10; | |||
} | |||
.header{ | |||
/* background: #f9f7f6; */ | |||
height: 44px; | |||
/* border-bottom: 1px solid #E8E8E8; */ | |||
width: 94%; | |||
padding: 0 3%; | |||
display: flex; | |||
display: -webkit-flex; | |||
display: -ms-flexbox; | |||
flex-wrap: wrap; | |||
align-items: center; | |||
color: #383838; | |||
/* position: fixed; | |||
top: 0; | |||
left: 0; | |||
z-index: 10;*/ | |||
} | |||
.header .child.return{ | |||
display: flex; | |||
display: -webkit-flex; | |||
display: -ms-flexbox; | |||
justify-content: flex-start; | |||
flex: 0; | |||
-ms-flex: 0; | |||
-webkit-flex: 0; | |||
flex-grow: 0; | |||
flex-shrink: 0; | |||
flex-basis: 20%; | |||
} | |||
.header .child.return i{ | |||
width: 6px; | |||
height: 10px; | |||
background: url(../images/BACK.png) no-repeat; | |||
background-size: cover; | |||
} | |||
.header .child.date{ | |||
display: flex; | |||
display: -webkit-flex; | |||
display: -ms-flexbox; | |||
justify-content:center; | |||
align-items: center; | |||
flex: 0; | |||
-ms-flex: 0; | |||
-webkit-flex: 0; | |||
flex-grow: 0; | |||
flex-shrink: 0; | |||
flex-basis: 60%; | |||
} | |||
.header .child.date i{ | |||
display: inline-block; | |||
width: 4px; | |||
height: 2px; | |||
background: url(../images/calendar_bottom.png) no-repeat; | |||
background-size: cover; | |||
margin-left: 5px; | |||
} | |||
.header .child.almanac{ | |||
display: flex; | |||
display: -webkit-flex; | |||
display: -ms-flexbox; | |||
justify-content: flex-end; | |||
flex: 0; | |||
-ms-flex: 0; | |||
-webkit-flex: 0; | |||
flex-grow: 0; | |||
flex-shrink: 0; | |||
flex-basis: 20%; | |||
} | |||
.share img{ | |||
width: 15px; | |||
height: 15px; | |||
vertical-align: middle; | |||
} | |||
/*start day*/ | |||
.content{ | |||
/* padding-top: 1.49rem; | |||
*/} | |||
.day{ | |||
height: 68px; | |||
/* background:#f9f7f6; */ | |||
color: #333333; | |||
} | |||
.day .grid{ | |||
width: 94%; | |||
height: 100%; | |||
padding: 0 3%; | |||
display: flex; | |||
display: -webkit-flex; | |||
display: -ms-flexbox; | |||
align-items: center; | |||
} | |||
.day-left { | |||
display: flex; | |||
display: -webkit-flex; | |||
display: -ms-flexbox; | |||
flex: 0; | |||
flex-grow: 0; | |||
flex-shrink: 0; | |||
flex-basis: 56%; | |||
-webkit-flex: 0; | |||
-webkit-flex-grow: 0; | |||
-webkit-flex-shrink: 0; | |||
-webkit-flex-basis: 56%; | |||
} | |||
.day-right { | |||
display: flex; | |||
display: -webkit-flex; | |||
display: -ms-flexbox; | |||
flex: 0; | |||
flex-grow: 0; | |||
flex-shrink: 0; | |||
flex-basis: 44%; | |||
-webkit-flex: 0; | |||
-webkit-flex-grow: 0; | |||
-webkit-flex-shrink: 0; | |||
-webkit-flex-basis: 44%; | |||
align-items: center; | |||
justify-content: flex-end; | |||
-webkit-justify-content: flex-end; | |||
-ms-justify-content: flex-end; | |||
} | |||
.day-left h1{ | |||
font-size: 55px; | |||
padding-right: 4px; | |||
color: #5EB263; | |||
} | |||
.day-left .top-contrl p{ | |||
display: flex; | |||
display: flex; | |||
display: -webkit-flex; | |||
align-items: center; | |||
flex-wrap: wrap; | |||
-webkit-align-items: center; | |||
-webkit-flex-wrap: wrap; | |||
margin-top: 5px; | |||
margin-bottom: 5px; | |||
color: #5EB263; | |||
} | |||
.top-contrl p span{ | |||
width: 5px; | |||
height: 4px; | |||
background: url(../images/cotrl-bottom.png) no-repeat; | |||
background-size: cover; | |||
/* margin-left: .1rem;*/ | |||
} | |||
.top-contrl i{ | |||
font-size: 14px; | |||
white-space: nowrap; | |||
overflow: hidden; | |||
text-overflow: ellipsis; | |||
color: #5EB263; | |||
} | |||
.day-left p em{ | |||
font-size: 12px; | |||
color: #5EB263; | |||
} | |||
.day-left p i{ | |||
margin-top: 1px; | |||
display: block; | |||
font-size: 14px; | |||
} | |||
/*.day-right{ | |||
float: right; | |||
height: 100%; | |||
}*/ | |||
.day-right .yun { | |||
height: 100%; | |||
margin-right: 20px; | |||
display: flex; | |||
display: -webkit-flex; | |||
display: -ms-flexbox; | |||
align-items: center; | |||
-webkit-align-items: center; | |||
} | |||
.day-right .yun span{ | |||
display: inline-block; | |||
width: 35px; | |||
height: 35px; | |||
line-height: 30px; | |||
text-align: center; | |||
border: 2px solid #fff; | |||
border-radius: 50%; | |||
margin-left: 8px; | |||
/*align-self:center;*/ | |||
} | |||
.note{ | |||
width: 100%; | |||
height: 68px; | |||
border-bottom: 1px solid #ddd; | |||
background: #fff; | |||
} | |||
.note .grid{ | |||
padding: 12px 0; | |||
display: flex; | |||
display: -webkit-flex; | |||
display: -ms-flexbox; | |||
flex-wrap: wrap; | |||
justify-content: space-between; | |||
} | |||
.note .grid .note-left{ | |||
flex: 0; | |||
flex-grow: 0; | |||
flex-shrink: 0; | |||
flex-basis: 75%; | |||
white-space: nowrap; | |||
overflow: hidden; | |||
text-overflow: ellipsis; | |||
} | |||
.note .grid .note-right{ | |||
display: flex; | |||
display: -webkit-flex; | |||
display: -ms-flexbox; | |||
align-items: center; | |||
flex: 0; | |||
flex-grow: 0; | |||
flex-shrink: 0; | |||
flex-basis: 25%; | |||
justify-content: flex-end; | |||
color: #333; | |||
} | |||
.note .grid .note-right i{ | |||
width: 4px; | |||
height: 13px; | |||
background: url(../images/calendar_arrow_right.png) no-repeat; | |||
background-size: cover; | |||
margin-left: 6px; | |||
} | |||
.note .grid .note-left p{ | |||
width: 100%; | |||
font-size: 14px; | |||
line-height: 1.6; | |||
color: #333; | |||
white-space: nowrap; | |||
overflow: hidden; | |||
text-overflow: ellipsis; | |||
} | |||
.note .grid .note-left p.yi i{ | |||
color: #06b5f8; | |||
} | |||
.note .grid .note-left p.ji i{ | |||
color: #ec5252; | |||
} | |||
.week ul{ | |||
width: 98%; | |||
padding: 0 4px; | |||
margin: 0 auto; | |||
display: flex; | |||
display: -webkit-flex; | |||
display: -ms-flexbox; | |||
height: 24px; | |||
} | |||
.week ul li{ | |||
display: flex; | |||
display: -webkit-flex; | |||
display: -ms-flexbox; | |||
flex: auto; | |||
-ms-flex: auto; | |||
-webkit-flex: auto; | |||
justify-content: center; | |||
align-items: center; | |||
font-size: 13px; | |||
} | |||
.tables{ | |||
font-size: 14px; | |||
color: #666; | |||
font-family:"微软雅黑"; | |||
display: flex; | |||
display: -webkit-flex; | |||
display: -ms-flexbox; | |||
} | |||
.tables tbody{ | |||
width: 100%; | |||
} | |||
.tables tbody tr{ | |||
width: 98%; | |||
margin-left: 1%; | |||
padding: 0 4px; | |||
display: flex; | |||
display: -webkit-flex; | |||
display: -ms-flexbox; | |||
flex-wrap: wrap; | |||
-webkit-flex-wrap: wrap; | |||
} | |||
.tables tbody tr td{ | |||
border: 2px solid #fff; | |||
flex: 0; | |||
flex-grow: 0; | |||
flex-shrink: 0; | |||
flex-basis: 14.2%; | |||
justify-content: center; | |||
padding: 2px 0; | |||
position: relative; | |||
line-height: 40px; | |||
} | |||
.tables tbody tr td.active i:after{ | |||
content: ''; | |||
position: absolute; | |||
width: 7px; | |||
height: 7px; | |||
background: #ccc; | |||
border-radius: 50%; | |||
right: -3px; | |||
top: 40%; | |||
z-index: 20; | |||
} | |||
.tables tbody tr td.yellow i:after{ | |||
background: #F3C84E; | |||
} | |||
.tables tbody tr td.green i:after{ | |||
background:#8FC185 ; | |||
} | |||
.tables tbody tr td.blue i:after{ | |||
background:#7A9AE2 ; | |||
} | |||
.tables .list i{ | |||
display: flex; | |||
display: -webkit-flex; | |||
display: -ms-flexbox; | |||
font-size: 16px; | |||
justify-content: center; | |||
color: #000; | |||
width: 32px; | |||
height: 32px; | |||
border-radius: 50%; | |||
position: relative; | |||
line-height: 32px; | |||
margin: 0 auto; | |||
} | |||
.tables .list em{ | |||
display: flex; | |||
display: -webkit-flex; | |||
display: -ms-flexbox; | |||
font-size: 12px; | |||
justify-content: center; | |||
} | |||
.swiper-slide table tr{ | |||
text-align: center; | |||
height: 48px; | |||
margin-bottom: 5px; | |||
} | |||
tr .not_this{ | |||
color: #ccc !important; | |||
} | |||
.today i{ | |||
background: rgba(94, 178, 99, 0.6) ; | |||
color: #fff!important; | |||
border-radius: 50%; | |||
} | |||
.xuanzhong i{ | |||
height: 50px; | |||
background: #5EB263 !important; | |||
border-radius: 50%; | |||
color: #fff!important; | |||
} | |||
.xuanzhong font,.xuanzhong i{ | |||
color: #fff!important; | |||
} | |||
tr td:first-child{color: #f00;} | |||
tr td:last-child{color: #f00;} | |||
td{position: relative;} | |||
td .fangjia{ | |||
display: block; | |||
width: 7px; | |||
height: 7px; | |||
background: url(../images/calendar_img_relax.png) no-repeat; | |||
background-size: contain; | |||
position: absolute; | |||
right: 0; | |||
top: 0; | |||
} | |||
td .shangban{ | |||
display: block; | |||
width: 7px; | |||
height: 7px; | |||
background: url(../images/calendar_img_work.png) no-repeat; | |||
background-size: contain; | |||
position: absolute; | |||
right: 0; | |||
top: 0; | |||
} | |||
/*******弹窗******/ | |||
.prorup{ | |||
width: 100%; | |||
height: 100%; | |||
background: #000; | |||
position: fixed; | |||
top: 0; | |||
left: 0; | |||
z-index: 12; | |||
opacity: 0.4; | |||
display: none; | |||
} | |||
.layer{ | |||
position: fixed; | |||
width: 94%; | |||
top: 63px; | |||
left: 50%; | |||
margin-left: -47%; | |||
z-index: 14; | |||
display: none; | |||
} | |||
.layer .san{ | |||
width: 100%; | |||
display: block; | |||
height: 7px; | |||
} | |||
.layer .san i{ | |||
display: inherit; | |||
width: 0; | |||
height: 0; | |||
border-left: 3px solid transparent; | |||
border-right: 3px solid transparent; | |||
border-bottom: 4px solid #fff; | |||
float: right; | |||
margin-right: 30px; | |||
} | |||
.layer .jia{ | |||
width: 100%; | |||
background: #fff; | |||
border-radius: 8px; | |||
} | |||
.jia ul{ | |||
width: 100%; | |||
display: flex; | |||
display: -webkit-flex; | |||
display: -ms-flexbox; | |||
flex-wrap: wrap; | |||
} | |||
.jia ul li{ | |||
height: 54px; | |||
float: left; | |||
text-align: center; | |||
color: #333; | |||
flex: 0; | |||
flex-grow: 0; | |||
flex-shrink: 0; | |||
flex-basis: 49.8%; | |||
} | |||
.jia ul li:first-of-type{ | |||
border: 0; | |||
} | |||
.jia ul li:nth-child(2n){ | |||
border-bottom: 1px solid #eee; | |||
} | |||
.jia ul li:nth-child(2n+1){ | |||
border-right: 1px solid #eee; | |||
border-bottom: 1px solid #eee; | |||
} | |||
.jia ul li span{ | |||
display: block; | |||
font-size: 14px; | |||
margin-top: 8px; | |||
} | |||
.jia ul li em{ | |||
font-size: 12px; | |||
} | |||
.jie{ | |||
position: fixed; | |||
width: 94%; | |||
top: 63px; | |||
left: 50%; | |||
margin-left: -47%; | |||
z-index: 14; | |||
display: none; | |||
} | |||
.jie .san{ | |||
width: 100%; | |||
display: block; | |||
height: 7px; | |||
position: relative; | |||
} | |||
.jie .san i{ | |||
display: inherit; | |||
width: 0; | |||
height: 0; | |||
border-left: 3px solid transparent; | |||
border-right: 3px solid transparent; | |||
border-bottom: 4px solid #fff; | |||
position: absolute; | |||
right: 0; | |||
top: 0; | |||
margin-right: 5px; | |||
} | |||
.jie .solar{ | |||
width: 100%; | |||
background: #fff; | |||
border-radius: 8px; | |||
} | |||
.jie .solar .solar-title{ | |||
height: 25px; | |||
text-align: center; | |||
color: #ec5252; | |||
line-height: 25px; | |||
} | |||
.solar ul{ | |||
width: 100%; | |||
} | |||
.solar ul li{ | |||
float: left; | |||
width: 24.7%; | |||
text-align: center; | |||
line-height: 40px; | |||
font-size: 14px; | |||
color: #333; | |||
border-top: 1px solid #eee; | |||
border-right: 1px solid #eee; | |||
} | |||
.solar ul li:nth-child(4){ | |||
border-right: 0; | |||
} | |||
.solar ul li:nth-child(8){ | |||
border-right: 0; | |||
} | |||
.solar ul li:nth-child(12){ | |||
border-right: 0; | |||
} | |||
.solar ul li:nth-child(16){ | |||
border-right: 0; | |||
} | |||
.solar ul li:nth-child(20){ | |||
border-right: 0; | |||
} | |||
.solar ul li:nth-child(24){ | |||
border-right: 0; | |||
} | |||
.dibu{ | |||
height: 50px; | |||
width: 100%; | |||
} | |||
.footer ul{ | |||
width: 100%; | |||
position: fixed; | |||
bottom: 0; | |||
left: 0; | |||
z-index: 10; | |||
display: flex; | |||
display: -webkit-flex; | |||
display: -ms-flexbox; | |||
height: 49px; | |||
border-top: 1px solid #e3e3e3; | |||
background: #fff; | |||
} | |||
.footer ul li{ | |||
display : flex; | |||
display: -webkit-flex; | |||
display: -ms-flexbox; | |||
flex: auto; | |||
-ms-flex: auto; | |||
-webkit-flex: auto; | |||
align-items: center; | |||
position: relative; | |||
} | |||
.footer ul li a{ | |||
width: 100%; | |||
display : flex; | |||
display: -webkit-flex; | |||
display: -ms-flexbox; | |||
flex-wrap: wrap; | |||
justify-content: center; | |||
} | |||
.footer ul li:nth-child(1) a i{ | |||
display: inline-block; | |||
width: 11px; | |||
height: 11px; | |||
background:url(../images/btn_calendar_selected.png) no-repeat; | |||
background-size: cover; | |||
} | |||
.footer ul li:nth-child(2) a i{ | |||
display: inline-block; | |||
width: 11px; | |||
height: 11px; | |||
background:url(../images/btn_huangli.png) no-repeat; | |||
background-size: cover; | |||
} | |||
.footer ul li a em{ | |||
display : flex; | |||
display: -webkit-flex; | |||
display: -ms-flexbox; | |||
width: 100%; | |||
justify-content: center; | |||
margin-top: 4px; | |||
} | |||
.footer ul li:nth-child(1) a{ | |||
color: #ec5252; | |||
} | |||
.footer ul li:nth-child(1):before{ | |||
content: " "; | |||
position: absolute; | |||
right: 0; | |||
top: 15%; | |||
height: 70%; | |||
background: #e3e3e3; | |||
width: 1px; | |||
} | |||
/*弹窗*/ | |||
.tc{ | |||
width: 100%; | |||
height: 100%; | |||
background: rgba(0,0,0,0.4); | |||
position: fixed; | |||
top: 0; | |||
left: 0; | |||
bottom: 0; | |||
z-index: 12; | |||
display: none; | |||
} | |||
.tc-innner{ | |||
background: #fff; | |||
width: 80%; | |||
height: 305px; | |||
position: fixed; | |||
top: 50%; | |||
margin-top: -153px; | |||
left: 10%; | |||
/* margin: 75px 0 0 -75px; */ | |||
z-index: 14; | |||
border-radius: 4px; | |||
overflow: hidden; | |||
display: none; | |||
} | |||
.tc-innner h2{height: 50px;width: 100%; box-sizing: border-box;padding: 0 7px;font-size: 14px;color: #ec5252;line-height: 50px; font-weight: normal;} | |||
.title-right{float: right;width: 55px;height: 24px;border: 1px #ec5252 solid;box-sizing: border-box; border-radius: 10px;margin-top: 6px;overflow: hidden;} | |||
.title-right .zblck{width: 50%;height: 100%;color: #ec5252;font-size: 14px;line-height: 22px;text-align: center;float: left;} | |||
.title-right .active{background: #ec5252;color: #fff;} | |||
.current-time{text-align: center;height: 32px;line-height: 32px;font-size: 14px;color: #666;} | |||
.swiper-box{height: 160px;margin: 0 7px;box-sizing: border-box; margin-top: 5px;position: relative;} | |||
.swiper-box i{width: 100%;height: 1px;background: #e3e3e3;display: block;position: absolute;left: 0;} | |||
.swiper-box .i1{top: 0;} | |||
.swiper-box .i2{top: 53px;} | |||
.swiper-box .i3{top: 100px;} | |||
.swiper-box-li{width: 33%;float: left;text-align: center;overflow: hidden;} | |||
.nbxs{height: 160px;} | |||
.nbxs .swiper-slide{height: 53px;line-height: 53px;} | |||
.nbxs .swiper-slide-active{color: #ec5252;} | |||
.tc-bot{height: 50px;border-top: 1px #e3e3e3 solid;position: relative;} | |||
.tc-bot>div{float: left;width: 50%;line-height: 50px;font-size: 14px;text-align: center;} | |||
.tc-bot-left{color: #999;} | |||
.tc-bot-right{color: #ec5252;} | |||
.tc-bot i{display: block;width: 1px;height: 20px;background: #e3e3e3;position: absolute;top: 14px;left: 50%;margin-left: 1px;} | |||
/*loading*/ | |||
.loading{width: 76px;height:115px;position:relative;top: 50%;left: 50%;background: rgba(0,0,0,0.8);border-radius: 6px; margin-left: -38px;z-index: 9999999999999999999999999999;} | |||
.loading-bj{background: url(../images/loading.png);width: 18px;height: 18px;background-size: 18px;margin: 30px auto 0;animation:rotateIn 1s .2s linear infinite;-moz-animation:rotateIn 1s .2s linear infinite;-webkit-animation:rotateIn 1s .2s linear infinite;} | |||
.loading p{color:#fff;font-size: 14px;text-align: center;margin-top: 10px;} | |||
@-webkit-keyframes rotateIn{ | |||
0%{transform: rotate(0)} | |||
100%{transform: rotate(360deg)} | |||
} | |||
@-moz-keyframes rotateIn{ | |||
0%{transform: rotate(0)} | |||
100%{transform: rotate(360deg)} | |||
} | |||
.reduction-bj{background: url(../images/reduction.png);width: 18px;height: 18px;background-size: 18px;margin: 30px auto 0;} | |||
.jg{background: url(../images/jg.png); background-size: 18px; } | |||
.back2{background:url(../images/back.png) center no-repeat;background-size: 6px 10px;} | |||
.week ul li a{ | |||
color: #999; | |||
} | |||
.tables .list.today i,.tables .list.today i font{ | |||
color: #fff; | |||
} | |||
@@ -0,0 +1 @@ | |||
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;} |
@@ -0,0 +1,326 @@ | |||
*[class*="fontawesome-"]:before { | |||
font-family: 'FontAwesome', sans-serif; | |||
} | |||
/*body { | |||
background: #f9f9f9; | |||
color: #0e171c; | |||
font: 300 100%/1.5em 'Lato', sans-serif; | |||
margin: 0; | |||
}*/ | |||
a { | |||
text-decoration: none; | |||
} | |||
h2 { | |||
font-size:18px; | |||
line-height: 20px; | |||
text-align:left | |||
margin: 4px 0; | |||
} | |||
h3 { | |||
font-size: 24px; | |||
line-height: 24px; | |||
margin: 5px 0; | |||
} | |||
.titles{ font-size:18px; | |||
line-height: 20px; | |||
text-align:left; | |||
color:#2ca1f2; | |||
padding-left:15px; | |||
margin: 4px 0;} | |||
table { | |||
border-spacing: 0; | |||
width: 100%; | |||
} | |||
.calendar-container { | |||
width: 100%; | |||
margin:40px auto 0 auto; | |||
} | |||
.calendar { | |||
text-align: center; | |||
} | |||
.calendar header { | |||
position: relative; | |||
} | |||
.calendar h2 { | |||
text-transform: uppercase; | |||
} | |||
.calendar thead { | |||
font-weight: 600; | |||
text-transform: uppercase; | |||
} | |||
.calendar tbody { | |||
color: #7c8a95; | |||
} | |||
.calendar tbody td:hover { | |||
border: 2px solid #c0392b; | |||
} | |||
.calendar tbody td.active { | |||
border: 1px solid #e02626; | |||
} | |||
.calendar td { | |||
border: 2px solid transparent; | |||
/* border-radius: 50%; | |||
*/ display: inline-block; | |||
height: 50px; | |||
line-height: 40px; | |||
text-align: center; | |||
width: 12%; | |||
} | |||
.current-day { | |||
background: #e02626; | |||
color: #f9f9f9; | |||
} | |||
.event { | |||
cursor: pointer; | |||
position: relative; | |||
} | |||
.event:after { | |||
background: #e02626; | |||
border-radius: 50%; | |||
bottom: 5px; | |||
display: block; | |||
content: ''; | |||
height: 8px; | |||
left: 50%; | |||
margin: -4px 0 0 -4px; | |||
position: absolute; | |||
width: 6px; | |||
height:6px; | |||
} | |||
.event.current-day:after { | |||
background: #f9f9f9; | |||
} | |||
.btn-prev, | |||
.btn-next { | |||
border: 2px solid #cbd1d2; | |||
border-radius: 50%; | |||
color: #cbd1d2; | |||
height: 32px; | |||
font-size: 22px; | |||
line-height: 28px; | |||
margin: -16px; | |||
position: absolute; | |||
top: 50%; | |||
width: 32px; | |||
} | |||
.btn-prev:hover, | |||
.btn-next:hover { | |||
background: #cbd1d2; | |||
color: #f9f9f9; | |||
} | |||
.btn-prev { | |||
left: 30px; | |||
} | |||
.btn-next { | |||
right: 35px; | |||
} | |||
.list { | |||
margin-top: 20px; | |||
} | |||
.close { | |||
color: #A4AAAB; | |||
margin-top: -15px; | |||
margin-right: 10px; | |||
float: right; | |||
} | |||
.day-event { | |||
background-color: #F2F2F2 ; | |||
width: 100%; | |||
padding-top: 20px; | |||
padding-bottom: 0px; | |||
margin-bottom: 50px; | |||
display:none; | |||
} | |||
.day-event p{ | |||
font-family:"微软雅黑"; | |||
font-size:13px; | |||
text-align:left; | |||
padding-left: 20px; | |||
padding-right: 20px; | |||
padding-bottom: 20px; | |||
} | |||
.day-event span{ | |||
font-size: 12px; | |||
} | |||
.day-event button { | |||
position: relative; | |||
vertical-align: top; | |||
width: 100%; | |||
height: 50px; | |||
padding: 0; | |||
font-size: 18px; | |||
color: white; | |||
text-align: center; | |||
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); | |||
background: #c0392b; | |||
border: 0; | |||
border-bottom: 2px solid #b53224; | |||
cursor: pointer; | |||
-webkit-box-shadow: inset 0 -2px #b53224; | |||
box-shadow: inset 0 -2px #b53224; | |||
} | |||
.check-btn { | |||
width: 100%; | |||
} | |||
input[type=checkbox] {display:none;} | |||
span { | |||
background-color:#373740; | |||
-webkit-border-radius:4px; | |||
-moz-border-radius:4px; | |||
border-radius:4px; | |||
font-weight:700; | |||
color:#FFF; | |||
font-size:.85em; | |||
letter-spacing:2px; | |||
text-decoration:none; | |||
font-family:'PT Sans', sans-serif; | |||
text-align:center; | |||
width:100%; | |||
height:50px; | |||
line-height:50px; | |||
cursor:pointer; | |||
display:block; | |||
margin: 0 auto; | |||
-webkit-transition:background-color 150ms ease-in; | |||
-moz-transition:background-color 150ms ease-in; | |||
-ms-transition:background-color 150ms ease-in; | |||
-o-transition:background-color 150ms ease-in; | |||
transition:background-color 150ms ease-in; | |||
} | |||
span:hover { | |||
background-color:#c0392b; | |||
} | |||
input[type=checkbox]:checked + span { | |||
background-color:#9C2E23; | |||
text-decoration:none; | |||
-webkit-border-radius:4px; | |||
-moz-border-radius:4px; | |||
border-radius:4px; | |||
background:#9C2E23 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAaCAYAAACgoey0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX9JREFUeNpi+P//PwMNsS4QbwBiLnQ5WlqqAsRP/0PARiBmoYfFkkB8+z8qWALEjLS0mB+IL/3HDibSymJQXB7/jx/UgNSCvU4lwAbEG4DYkwi1WUxUspQZiOcRaSkIWOAKMk0Sg3jaf+IBOIVjMyQWiH8DsR+RljaTYOkBWJ5GNwRk2R+ooh9A7ETA0jwSLL0ATfEYqRpkyVc0xR+A2AyHpdFA/I9IS0F5WhRbAWIEtQQbeAXE6lhC5jeRlj4GYgVsRaYK1HBCmmWgmuyxhAwu8BpaXjNgs/gYkYbcAGIXPCGDDkCOM8eVPkCEFhE+JhX8BGJnfAkTxgC57BOVLAXlihBC2RA9Vf+k0FJQKk8nJv+jCwQi5WNyQAWxpR02wRQS8icy6CKlmMUlUUGipfOQK3lKLAbhdhIKfWZS6258kiAfzCZg6V4gZiOn0UBIAcgn63BYehK50Ke2xQxQH+3FUoqJUtJMIlYhLxAfxVJu09xiWENuMxCrUaNhCBBgAOAVfjALa5TLAAAAAElFTkSuQmCC) no-repeat 7% center; | |||
background-size:15px 13px; | |||
} | |||
input[type=checkbox]:checked:hover + span { | |||
background-color:#9C2E23; | |||
color:rgba(255,255,255,0.5); | |||
text-decoration:none; | |||
-webkit-border-radius:4px; | |||
-moz-border-radius:4px; | |||
border-radius:4px; | |||
background:#9C2E23 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAS5JREFUeNq8110OgjAMAGBGvIY3VESjt9jPg95PT+LccBIZ7dYOWJPGB+g+Ymg3hLW2QeLkcu/y2pSFdvl0eQevehjI3uXbfkMh96TShFq/xhG6J4faAtxEtSBOQTm4QWpnOBWl4CZT69fuYpiCpnBDrB1xLhrjgoFO8F1oGcFslUv4bV32zFoxmOHJta0XMn65dC0UaiddA8UGiN4axeC1cUkdmWviEls/NwL1FqjPNtNvoimPdC3yRCUTiTXbt0R/oSnw2iiK10BBvBY6w2uiE3xJr8oFtcrvxy/fVcyeVdGx98yotcOxN/znHeMUIhdMOG8c4reagssF43VEoT5O4ZJwvNUUFJtcEE5BMXyGpnanf5yDxjiI+hSJj7YunEBvhbuTCh9tD+jiR4ABAJ0SrJgNr1UAAAAAAElFTkSuQmCC) no-repeat 7% center; | |||
background-size:15px 15px; | |||
} | |||
.print-btn { | |||
padding: 1px 14px 5px 14px; | |||
} | |||
/* Smartphones (portrait and landscape) ----------- */ | |||
@media only screen | |||
and (min-device-width : 320px) | |||
and (max-device-width : 480px) { | |||
/* STYLES GO HERE */ | |||
} | |||
/* Smartphones (landscape) ----------- */ | |||
@media only screen | |||
and (min-width : 321px) { | |||
/* STYLES GO HERE */ | |||
} | |||
/* Smartphones (portrait) ----------- */ | |||
@media only screen | |||
and (max-width : 320px) { | |||
/* STYLES GO HERE */ | |||
} | |||
/* iPads (portrait and landscape) ----------- */ | |||
@media only screen | |||
and (min-device-width : 768px) | |||
and (max-device-width : 1024px) { | |||
/* STYLES GO HERE */ | |||
} | |||
/* iPads (landscape) ----------- */ | |||
@media only screen | |||
and (min-device-width : 768px) | |||
and (max-device-width : 1024px) | |||
and (orientation : landscape) { | |||
/* STYLES GO HERE */ | |||
} | |||
/* iPads (portrait) ----------- */ | |||
@media only screen | |||
and (min-device-width : 768px) | |||
and (max-device-width : 1024px) | |||
and (orientation : portrait) { | |||
/* STYLES GO HERE */ | |||
} | |||
/* Desktops and laptops ----------- */ | |||
@media only screen | |||
and (min-width : 1224px) { | |||
/* STYLES GO HERE */ | |||
} | |||
/* Large screens ----------- */ | |||
@media only screen | |||
and (min-width : 1824px) { | |||
/* STYLES GO HERE */ | |||
} | |||
/* iPhone 5 (portrait & landscape)----------- */ | |||
@media only screen | |||
and (min-device-width : 320px) | |||
and (max-device-width : 568px) { | |||
/* STYLES GO HERE */ | |||
} | |||
/* iPhone 5 (landscape)----------- */ | |||
@media only screen | |||
and (min-device-width : 320px) | |||
and (max-device-width : 568px) | |||
and (orientation : landscape) { | |||
/* STYLES GO HERE */ | |||
} | |||
/* iPhone 5 (portrait)----------- */ | |||
@media only screen | |||
and (min-device-width : 320px) | |||
and (max-device-width : 568px) | |||
and (orientation : portrait) { | |||
/* STYLES GO HERE */ | |||
} |
@@ -3,18 +3,25 @@ | |||
margin: 0; | |||
box-sizing: border-box; | |||
} | |||
html,body{ | |||
html, | |||
body { | |||
height: 100%; | |||
} | |||
.surveyCon{ | |||
.surveyCon { | |||
display: flex; | |||
flex-direction: column; | |||
justify-content: center; | |||
} | |||
.title_search,.menu,.split{ | |||
.title_search, | |||
.menu, | |||
.split { | |||
flex-grow: 0; | |||
flex-shrink: 0; | |||
} | |||
.menuTab { | |||
width: 100%; | |||
padding-left: 25px; | |||
@@ -51,9 +58,11 @@ html,body{ | |||
.surveyT img { | |||
width: 100%; | |||
} | |||
.surveyT1 img { | |||
width: 70%; | |||
} | |||
.surveyLine { | |||
line-height: 0; | |||
text-align: center; | |||
@@ -109,7 +118,7 @@ html,body{ | |||
margin: auto; | |||
} | |||
.year { | |||
.yearx { | |||
position: relative; | |||
z-index: 3; | |||
width: 60px; | |||
@@ -123,7 +132,7 @@ html,body{ | |||
color: #fff; | |||
} | |||
.year:after { | |||
.yearx:after { | |||
position: absolute; | |||
left: -6px; | |||
top: -6px; | |||
@@ -133,34 +142,40 @@ html,body{ | |||
border: 1px solid #0064D6; | |||
border-radius: 50%; | |||
} | |||
.month{ | |||
.monthx { | |||
position: relative; | |||
z-index: 3; | |||
margin-top: 20px; | |||
} | |||
.monthTxt{ | |||
.monthTxt { | |||
color: #5E5E5E; | |||
font-size: 13px; | |||
line-height: 24px; | |||
margin-top: 8px; | |||
} | |||
.monthTime{ | |||
.monthTime { | |||
font-size: 15px; | |||
line-height: 26px; | |||
color: #0064D6; | |||
font-weight: bold; | |||
} | |||
.month.right{ | |||
.monthx.right { | |||
padding-left: 54%; | |||
} | |||
.month.left{ | |||
.monthx.left { | |||
padding-right: 54%; | |||
} | |||
.month.left > .monthTime{ | |||
.monthx.left>.monthTime { | |||
text-align: right; | |||
} | |||
.line{ | |||
.line { | |||
width: 10px; | |||
height: 10px; | |||
position: absolute; | |||
@@ -168,10 +183,11 @@ html,body{ | |||
right: 0; | |||
top: 8px; | |||
border-radius: 50%; | |||
border:1px solid #0064D6; | |||
border: 1px solid #0064D6; | |||
margin: auto; | |||
} | |||
.line:before{ | |||
.line:before { | |||
content: ''; | |||
width: 6px; | |||
height: 6px; | |||
@@ -184,6 +200,7 @@ html,body{ | |||
border-radius: 50%; | |||
background-color: #0064D6; | |||
} | |||
.monthText { | |||
color: #5E5E5E; | |||
font-size: 13px; | |||
@@ -192,5 +209,66 @@ html,body{ | |||
text-indent: 27px; | |||
} | |||
.day-left p em { | |||
color: #0064D6; | |||
} | |||
.tables tbody tr td.green i:after { | |||
background: #0064D6; | |||
} | |||
.day-left h1 { | |||
color: #0064D6; | |||
} | |||
.xuanzhong i { | |||
background: #0064D6 !important; | |||
} | |||
.today i { | |||
background: rgba(0, 100, 214, 0.6); | |||
} | |||
.courseBox { | |||
border-radius: 4px; | |||
padding: 10px 15px; | |||
margin: 10px 0; | |||
background-color: #fff; | |||
/* -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1); | |||
box-shadow: 0 0 5px rgba(0, 0, 0, .1); */ | |||
background: #f7f7f7; | |||
} | |||
.title { | |||
position: relative; | |||
padding-right: 70px; | |||
font-size: 16px; | |||
line-height: 24px; | |||
} | |||
.title a { | |||
position: absolute; | |||
right: 0; | |||
top: 0; | |||
background-color: #5EB263; | |||
font-size: 12px; | |||
color: #fff; | |||
line-height: 24px; | |||
padding: 0 5px; | |||
border-radius: 3px; | |||
} | |||
.courseTxt { | |||
display: flex !important; | |||
justify-content: space-between; | |||
margin: 10px 0; | |||
font-size: 14px; | |||
} | |||
.courseCon { | |||
font-size: 14px; | |||
line-height: 24px; | |||
} | |||
.course-card{ | |||
display: none; | |||
} |
@@ -0,0 +1,797 @@ | |||
//全局的年月日,适用于任何时候获取今天的年月日。(很重要) | |||
var sev_m, sev_y, sev_d, active = 3; | |||
// mySwiper.destroy(deleteInstance, cleanupStyles) | |||
var mySwiper = null; | |||
var yl = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; | |||
var swiperHtml = $('#swiperBox').html(); | |||
//判断农历 | |||
var LunarDate = { | |||
madd: new Array(0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334), | |||
HsString: '甲乙丙丁戊己庚辛壬癸', | |||
EbString: '子丑寅卯辰巳午未申酉戌亥', | |||
NumString: "一二三四五六七八九十", | |||
MonString: "正二三四五六七八九十冬腊", | |||
CalendarData: new Array(0xA4B, 0x5164B, 0x6A5, 0x6D4, 0x415B5, 0x2B6, 0x957, 0x2092F, 0x497, 0x60C96, 0xD4A, | |||
0xEA5, 0x50DA9, 0x5AD, 0x2B6, 0x3126E, 0x92E, 0x7192D, 0xC95, 0xD4A, 0x61B4A, 0xB55, 0x56A, 0x4155B, | |||
0x25D, 0x92D, 0x2192B, 0xA95, 0x71695, 0x6CA, 0xB55, 0x50AB5, 0x4DA, 0xA5B, 0x30A57, 0x52B, 0x8152A, | |||
0xE95, 0x6AA, 0x615AA, 0xAB5, 0x4B6, 0x414AE, 0xA57, 0x526, 0x31D26, 0xD95, 0x70B55, 0x56A, 0x96D, | |||
0x5095D, 0x4AD, 0xA4D, 0x41A4D, 0xD25, 0x81AA5, 0xB54, 0xB6A, 0x612DA, 0x95B, 0x49B, 0x41497, 0xA4B, | |||
0xA164B, 0x6A5, 0x6D4, 0x615B4, 0xAB6, 0x957, 0x5092F, 0x497, 0x64B, 0x30D4A, 0xEA5, 0x80D65, 0x5AC, | |||
0xAB6, 0x5126D, 0x92E, 0xC96, 0x41A95, 0xD4A, 0xDA5, 0x20B55, 0x56A, 0x7155B, 0x25D, 0x92D, 0x5192B, | |||
0xA95, 0xB4A, 0x416AA, 0xAD5, 0x90AB5, 0x4BA, 0xA5B, 0x60A57, 0x52B, 0xA93, 0x40E95), | |||
Year: null, | |||
Month: null, | |||
Day: null, | |||
TheDate: null, | |||
GetBit: function (m, n) { | |||
return (m >> n) & 1; | |||
}, | |||
e2c: function () { | |||
this.TheDate = (arguments.length != 3) ? new Date() : new Date(arguments[0], arguments[1], arguments[ | |||
2]); | |||
var total, m, n, k; | |||
var isEnd = false; | |||
var tmp = this.TheDate.getFullYear(); | |||
total = (tmp - 1921) * 365 + Math.floor((tmp - 1921) / 4) + this.madd[this.TheDate.getMonth()] + this | |||
.TheDate.getDate() - 38; | |||
if (this.TheDate.getYear() % 4 == 0 && this.TheDate.getMonth() > 1) { | |||
total++; | |||
} | |||
for (m = 0; ; m++) { | |||
k = (this.CalendarData[m] < 0xfff) ? 11 : 12; | |||
for (n = k; n >= 0; n--) { | |||
if (total <= 29 + this.GetBit(this.CalendarData[m], n)) { | |||
isEnd = true; | |||
break; | |||
} | |||
total = total - 29 - this.GetBit(this.CalendarData[m], n); | |||
} | |||
if (isEnd) | |||
break; | |||
} | |||
this.Year = 1921 + m; | |||
this.Month = k - n + 1; | |||
this.Day = total; | |||
if (k == 12) { | |||
if (this.Month == Math.floor(this.CalendarData[m] / 0x10000) + 1) { | |||
this.Month = 1 - this.Month; | |||
} | |||
if (this.Month > Math.floor(this.CalendarData[m] / 0x10000) + 1) { | |||
this.Month--; | |||
} | |||
} | |||
}, | |||
GetcDateString: function (tip) { | |||
if (tip == 1) { | |||
var ts = (this.Day < 11) ? "初" : ((this.Day < 20) ? "十" : ((this.Day < 30) ? "廿" : "三十")); | |||
if (this.Day % 10 != 0 || this.Day == 10) { | |||
ts += this.NumString.charAt((this.Day - 1) % 10); | |||
} | |||
return ts; | |||
} | |||
var tmp = ""; | |||
if (this.Month < 1) { | |||
tmp += this.MonString.charAt(-this.Month - 1); | |||
} else { | |||
tmp += this.MonString.charAt(this.Month - 1); | |||
} | |||
tmp += "月"; | |||
tmp += (this.Day < 11) ? "初" : ((this.Day < 20) ? "十" : ((this.Day < 30) ? "廿" : "三十")); | |||
if (this.Day % 10 != 0 || this.Day == 10) { | |||
tmp += this.NumString.charAt((this.Day - 1) % 10); | |||
} | |||
return tmp; | |||
}, | |||
GetLunarDay: function (solarYear, solarMonth, solarDay) { | |||
if (solarYear < 1921 || solarYear > 2020) { | |||
return ""; | |||
} else { | |||
solarMonth = (parseInt(solarMonth) > 0) ? (solarMonth - 1) : 11; | |||
this.e2c(solarYear, solarMonth, solarDay); | |||
return this.GetcDateString(0); | |||
} | |||
}, | |||
GetLunarDayDetail: function (solarYear, solarMonth, solarDay) { | |||
if (solarYear < 1921 || solarYear > 2020) { | |||
return ""; | |||
} else { | |||
solarMonth = (parseInt(solarMonth) > 0) ? (solarMonth - 1) : 11; | |||
this.e2c(solarYear, solarMonth, solarDay); | |||
return this.GetcDateString(1); | |||
} | |||
} | |||
}; | |||
$(function () { | |||
$(".prorup").on("click", function () { | |||
$(".prorup").hide(); | |||
$(".jie").hide(); | |||
$(".layer").hide(); | |||
}); | |||
$(".jqclass").click(function () { | |||
var riziss = $(this).attr('data'); | |||
var srt = riziss.split("-"); | |||
$(".prorup").hide(); | |||
$(".layer").hide(); | |||
jump(srt[0], srt[1], srt[2]); | |||
$(".jie").hide(); | |||
}); | |||
}); | |||
function jump(yyyy, mm, dd) { | |||
sev_y = parseInt(yyyy); | |||
sev_m = parseInt(mm); | |||
sev_d = parseInt(dd); | |||
active = 3; | |||
var globledate = new Date(yyyy, parseInt(mm) - 1, parseInt(dd)); | |||
//var nowweak = globledate.getDay(); | |||
var y = globledate.getFullYear(); | |||
var m = globledate.getMonth() + 1; | |||
var d = globledate.getDate(); | |||
//console.log("globledate:",y,m,d); | |||
var sev_m_tmp = m; | |||
var sev_y_tmp = y; | |||
var sev_d_tmp = d; | |||
var nowweak = new Date(y, m - 1, 1).getDay(); | |||
if (nowweak == 7) nowweak = 0; | |||
get_first(nowweak, y, m, d, "d3"); | |||
m = m + 1; | |||
if (m > 12) { | |||
m = 1; | |||
y += 1; | |||
} | |||
nowweak = new Date(y, m - 1, 1).getDay(); | |||
get_first(nowweak, y, m, 0, "d4"); | |||
m = sev_m - 1; | |||
if (m < 1) { | |||
m = 12; | |||
y = sev_y - 1; | |||
} | |||
nowweak = new Date(y, m - 1, 1).getDay(); | |||
get_first(nowweak, y, m, 0, "d2"); | |||
$("#ymym").html(sev_y + "年" + sev_m + "月"); | |||
$(".covers").hide(); | |||
mySwiper.slideTo(2, 500, false); | |||
click_sev(); | |||
} | |||
function click_sev() { | |||
$("#d3").find("td").each(function () { | |||
if ($(this).attr("data_y") == sev_y && $(this).attr("data_m") == sev_m && $(this).attr("data_d") == | |||
sev_d) { | |||
$(this).click(); | |||
} | |||
}); | |||
} | |||
function get_first(a, b, c, d, e) { | |||
var str = '<tr>'; | |||
if ((c - 2) < 0) { | |||
var ldays = 31; | |||
var lm = 12; | |||
var lb = b - 1; | |||
} else { | |||
var ldays = yl[c - 2]; | |||
var lm = c - 1; | |||
var lb = b; | |||
} | |||
if (c == 12) { | |||
var xdays = 31; | |||
var xm = 1; | |||
var xb = b + 1; | |||
} else { | |||
var xdays = yl[c]; | |||
var xm = c + 1; | |||
var xb = b; | |||
} | |||
if (ldays == 28) { | |||
if ((lb % 4 == 0 && lb % 100 != 0) || (lb % 100 == 0 && lb % 400 == 0)) { | |||
ldays = 29; | |||
} | |||
} | |||
if (xdays == 28) { | |||
if ((xb % 4 == 0 && xb % 100 != 0) || (xb % 100 == 0 && xb % 400 == 0)) { | |||
xdays = 29; | |||
} | |||
} | |||
var dd; | |||
if (yl[c - 1] == 28) { | |||
if ((b % 4 == 0 && b % 100 != 0) || (b % 100 == 0 && b % 400 == 0)) { | |||
dd = 29; | |||
} else { | |||
dd = 28; | |||
} | |||
} else { | |||
dd = yl[c - 1]; | |||
} | |||
var num = 1; | |||
for (var i = a; i > 0; i--) { | |||
var bday = ldays - i + 1; | |||
var ly = LunarDate.GetLunarDayDetail(lb, lm, bday); | |||
//修改 | |||
var jqs = getjqs(lb, lm, bday); | |||
var ss = ''; | |||
if (jqs) { | |||
//ly加状态 | |||
if (jqs.state == 1) { | |||
ss = 'active yellow'; | |||
} else if (jqs.state == 2) { | |||
ss = 'active green'; | |||
} else if (jqs.state == 3) { | |||
ss = 'active blue'; | |||
} | |||
numI = '<font color="">' + numI; | |||
} | |||
var jd = ""; | |||
var hb = lb + "-" + lm + "-" + bday; | |||
str += ' <td data_y="' + lb + '" data_m="' + lm + '" data_d="' + bday + '" class="list not_this js_up ' + ss + | |||
'"><i>' + bday + '</i>' + jd + '</td>'; | |||
// str += ' <td data_y="' + lb + '" data_m="' + lm + '" data_d="' + bday + '" class="list not_this js_up"><i></i>' + jd + '</td>'; | |||
if (num % 7 == 0) { | |||
str += '</tr><tr>'; | |||
} | |||
num++; | |||
} | |||
// 动态写入日期 | |||
for (var i = 1; i <= dd; i++) { | |||
var bday = ldays - i + 1; | |||
var ly = LunarDate.GetLunarDayDetail(b, c, i); | |||
var numI = i | |||
var jqs = getjqs(b, c, i); | |||
//console.log(jqs) | |||
//修改 | |||
var ss = ''; | |||
if (jqs) { | |||
//ly加状态 | |||
if (jqs.state == 1) { | |||
// console.log(b, c, i) | |||
ss = 'active yellow'; | |||
} else if (jqs.state == 2) { | |||
ss = 'active green'; | |||
} else if (jqs.state == 3) { | |||
ss = 'active blue'; | |||
} | |||
numI = '<font color="">' + numI; | |||
} | |||
var jd = ""; | |||
var hb = b + "-" + c + "-" + i; | |||
if (new Date().getDate() == i && b == new Date().getFullYear() && c == (new Date().getMonth() + 1)) { | |||
str += ' <td data_y="' + b + '" data_m="' + c + '" data_d="' + i + '" class="list today ' + ss + | |||
'"><i>' + numI + '</i>' + jd + '</td>'; | |||
// console.log(numI) | |||
} else { | |||
str += ' <td data_y="' + b + '" data_m="' + c + '" data_d="' + i + '" class="list ' + ss + '"><i>' + | |||
numI + '</i>' + jd + '</td>'; | |||
//console.log(jd) | |||
} | |||
if (num % 7 == 0) { | |||
str += '</tr><tr>'; | |||
} | |||
num++; | |||
} | |||
//插入季节 | |||
var last = 42 - a - dd; | |||
if (last <= 6) { | |||
for (var i = 1; i <= last; i++) { | |||
var ly = LunarDate.GetLunarDayDetail(xb, xm, i); | |||
var jd = ""; | |||
var hb = xb + "-" + xm + "-" + i; | |||
str += ' <td data_y="' + xb + '" data_m="' + xm + '" data_d="' + i + | |||
'" class="list not_this js_down"><i>' + i + '</i>' + jd + '</td>'; | |||
if (num % 7 == 0) { | |||
str += '</tr><tr>'; | |||
} | |||
num++; | |||
} | |||
} | |||
if (str.substring(str.length - 4, str.length) == "<tr>") { | |||
str = str.substring(0, str.length - 4); | |||
} | |||
// console.log(document.getElementById(e)) | |||
document.getElementById(e).innerHTML = str; | |||
bind_click(e); | |||
} | |||
function bind_click(a) { | |||
// console.log(a) | |||
$("#" + a).find("td").unbind("click"); | |||
$("#" + a).find("td").each(function () { | |||
if ($(this).hasClass('not_this')) { | |||
$(this).click(function () { | |||
jump($(this).attr('data_y'), $(this).attr('data_m'), $(this).attr('data_d')); | |||
}); | |||
} else { | |||
$(this).click(function () { | |||
set_top($(this)); | |||
}); | |||
} | |||
}); | |||
} | |||
function set_top(a) { | |||
if (!a) { | |||
var weeks = ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日']; | |||
var data = new Date(); | |||
var weekk = weeks[data.getDay() - 1]; | |||
var yue = LunarDate.GetLunarDay(data.getFullYear(), data.getMonth() + 1, data.getDate()); | |||
var shu = data.getDate(); | |||
document.getElementById("top_shu").innerHTML = shu; | |||
sev_d = parseInt(shu); | |||
document.getElementById("top_week").innerHTML = weekk; | |||
document.getElementById("top_yue").innerHTML = yue; | |||
} else { | |||
var weeks = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']; | |||
var y = a.attr("data_y"); | |||
var m = parseInt(a.attr("data_m")) - 1; | |||
if (m < 0) m = 11; | |||
var d = parseInt(a.attr("data_d")); | |||
var weekk = weeks[new Date(y, m, d).getDay()]; | |||
var ms = parseInt(a.attr("data_m")); | |||
var yue = LunarDate.GetLunarDay(y, ms, d); | |||
document.getElementById("top_shu").innerHTML = d; | |||
sev_d = parseInt(d); | |||
document.getElementById("top_week").innerHTML = weekk; | |||
document.getElementById("top_yue").innerHTML = yue; | |||
$(".xuanzhong").removeClass('xuanzhong'); | |||
a.addClass("xuanzhong"); | |||
} | |||
// console.log(d,weekk,yue) | |||
} | |||
$('.date').on('click', function () { | |||
$('.tc').show(); | |||
$('.tc-innner').show(); | |||
tc(); | |||
}); | |||
var e = 1; | |||
function tc() { | |||
var b, c, d; | |||
var myDate = new Date(); | |||
if (e == 0) { | |||
b = myDate.getFullYear() - 2000; | |||
c = myDate.getMonth(); | |||
d = myDate.getDate() - 1; | |||
} else { | |||
b = sev_y - 2000; | |||
c = sev_m - 1; | |||
d = sev_d - 1; | |||
} | |||
e = 1; | |||
var mySwiper = new Swiper('.swiper-container2', { | |||
direction: 'vertical', | |||
initialSlide: b, | |||
slidesPerView: 'auto', | |||
roundLengths: true, | |||
centeredSlides: true, | |||
watchSlidesProgress: true, | |||
watchSlidesVisibility: true, | |||
freeMode: true, | |||
freeModeMomentumRatio: 1, | |||
freeModeSticky: true, | |||
onTouchMove: function (swiper) { | |||
var b1 = $('.year').children('.swiper-slide-active').html(); | |||
$('.i-year').html(b1); | |||
}, | |||
onSlideChangeEnd: function (swiper) { | |||
var b1 = $('.year').children('.swiper-slide-active').html(); | |||
$('.i-year').html(b1); | |||
}, | |||
}); | |||
var mySwiper = new Swiper('.swiper-container3', { | |||
direction: 'vertical', | |||
initialSlide: c, | |||
slidesPerView: 'auto', | |||
roundLengths: true, | |||
centeredSlides: true, | |||
watchSlidesProgress: true, | |||
watchSlidesVisibility: true, | |||
freeMode: true, | |||
freeModeMomentumRatio: 1, | |||
freeModeSticky: true, | |||
onTouchMove: function (swiper) { | |||
var b1 = $('.month').children('.swiper-slide-active').html(); | |||
$('.i-month').html(b1); | |||
}, | |||
onSlideChangeEnd: function (swiper) { | |||
var b1 = $('.month').children('.swiper-slide-active').html(); | |||
$('.i-month').html(b1); | |||
}, | |||
}); | |||
var mySwiper = new Swiper('.swiper-container4', { | |||
direction: 'vertical', | |||
initialSlide: d, | |||
slidesPerView: 'auto', | |||
roundLengths: true, | |||
centeredSlides: true, | |||
watchSlidesProgress: true, | |||
watchSlidesVisibility: true, | |||
freeMode: true, | |||
freeModeMomentumRatio: 1, | |||
freeModeSticky: true, | |||
onTouchMove: function (swiper) { | |||
var b1 = $('.date').children('.swiper-slide-active').html(); | |||
$('.i-date').html(b1); | |||
}, | |||
onSlideChangeEnd: function (swiper) { | |||
var b1 = $('.date').children('.swiper-slide-active').html(); | |||
$('.i-date').html(b1); | |||
}, | |||
}); | |||
}; | |||
$('.tc-bot-left').click(function () { | |||
e = 0; | |||
tc(); | |||
}); | |||
$('.tc-bot-right').click(function () { | |||
$('.tc').hide(); | |||
$('.tc-innner').hide(); | |||
var yyyy = parseInt($('.year').children('.swiper-slide-active').html()); | |||
var mm = parseInt($('.month').children('.swiper-slide-active').html()); | |||
var dd = parseInt($('.date').children('.swiper-slide-active').html()); | |||
if (mm != sev_m || yyyy != sev_y || dd != sev_d) { | |||
jump(yyyy, mm, dd); | |||
}; | |||
}); | |||
$(".tc").on("click", function () { | |||
$(".tc-innner").hide(); | |||
$(this).hide(); | |||
}); | |||
//判断时间 | |||
function getjqs(yyyy, mm, dd) { | |||
var solarTerms = ""; | |||
$.each(dataK, function (i, n) { | |||
if (yyyy == n.y && mm == n.m && dd == n.d) { | |||
solarTerms = n; | |||
} | |||
}) | |||
return solarTerms; | |||
} | |||
//日历初始化 | |||
function calenderInit(LunarDate) { | |||
if (mySwiper) { | |||
mySwiper.destroy(); | |||
$('#swiperBox').html(swiperHtml) | |||
} | |||
mySwiper = new Swiper('.swiper-container', { | |||
initialSlide: 1, | |||
loop: true, | |||
speed: 400, | |||
followFinger: false, | |||
prevButton: '.js_prev', | |||
nextButton: '.js_next', | |||
onSlideChangeStart: function (swiper) { | |||
//swiper.params.allowSwipeToPrev = false; | |||
swiper.lockSwipes(); | |||
}, | |||
onSlideChangeEnd: function (swiper) { | |||
var nows = $(".swiper-slide-active").find("table").attr("id"); | |||
// console.log(active,nows); | |||
if (nows == 'now2') | |||
return; | |||
nows = parseInt(nows.substr(1, 1)); | |||
if (nows == active) | |||
return; | |||
if (active == 4 && nows == 5) { | |||
var fors = 1; | |||
sev_m++; | |||
if (sev_m > 12) { | |||
sev_m = 1; | |||
sev_y++; | |||
} | |||
var nowweak = new Date(sev_y, sev_m - 1, 1).getDay(); | |||
get_first(nowweak, sev_y, sev_m, 0, "d2"); | |||
var lastm = sev_m - 1; | |||
var lasty = sev_y; | |||
if (lastm < 1) { | |||
lastm = 12; | |||
lasty--; | |||
} | |||
var nm = sev_m + 1; | |||
var ny = sev_y; | |||
if (nm > 12) { | |||
nm = 1; | |||
ny++; | |||
} | |||
var nowweak = new Date(ny, nm - 1, 1).getDay(); | |||
var lastweek = new Date(lasty, lastm - 1, 1).getDay(); | |||
get_first(lastweek, lasty, lastm, 0, "d" + fors); | |||
get_first(nowweak, ny, nm, 0, "d3"); | |||
$("#ymym").html(sev_y + "年" + sev_m + "月"); | |||
active = 5; | |||
} else if (active == 2 && nows == 1) { | |||
var fors = 5; | |||
var nextweak = new Date(sev_y, sev_m - 1, 1).getDay(); | |||
get_first(nextweak, sev_y, sev_m, 0, "d" + fors); | |||
sev_m--; | |||
if (sev_m < 1) { | |||
sev_m = 12; | |||
sev_y--; | |||
} | |||
var nowweak = new Date(sev_y, sev_m - 1, 1).getDay(); | |||
get_first(nowweak, sev_y, sev_m, 0, "d4"); | |||
var nm = sev_m - 1; | |||
var ny = sev_y; | |||
if (nm < 1) { | |||
nm = 12; | |||
ny--; | |||
} | |||
var nowweak = new Date(ny, nm - 1, 1).getDay(); | |||
//get_first(nowweak, ny, nm, 0, "d4"); | |||
get_first(nowweak, ny, nm, 0, "d3"); | |||
$("#ymym").html(sev_y + "年" + sev_m + "月"); | |||
active = 1; | |||
} else if (active == 5 && nows == 3) { | |||
var fors = 4; | |||
var lastm = sev_m; | |||
var lasty = sev_y; | |||
sev_m++; | |||
if (sev_m > 12) { | |||
sev_m = 1; | |||
sev_y++; | |||
} | |||
var nm = sev_m + 1; | |||
var ny = sev_y; | |||
if (nm > 12) { | |||
nm = 1; | |||
ny++; | |||
} | |||
var nowweak = new Date(ny, nm - 1, 1).getDay(); | |||
get_first(nowweak, ny, nm, 0, "d" + fors); | |||
var nowweak = new Date(lasty, lastm - 1, 1).getDay(); | |||
get_first(nowweak, lasty, lastm, 0, "d2"); | |||
$("#ymym").html(sev_y + "年" + sev_m + "月"); | |||
active = 3; | |||
} else if (active == 1 && nows == 3) { | |||
var fors = 2; | |||
var lastm = sev_m; | |||
var lasty = sev_y; | |||
sev_m--; | |||
if (sev_m < 1) { | |||
sev_m = 12; | |||
sev_y--; | |||
} | |||
var nm = sev_m - 1; | |||
var ny = sev_y; | |||
if (nm < 1) { | |||
nm = 12; | |||
ny--; | |||
} | |||
var nowweak = new Date(ny, nm - 1, 1).getDay(); | |||
get_first(nowweak, ny, nm, 0, "d" + fors); | |||
var nowweak = new Date(lasty, lastm - 1, 1).getDay(); | |||
get_first(nowweak, lasty, lastm, 0, "d4"); | |||
$("#ymym").html(sev_y + "年" + sev_m + "月"); | |||
active = 3; | |||
} else if (active == 1 && nows == 5) { | |||
var fors = 3; | |||
var lastm = sev_m; | |||
var lasty = sev_y; | |||
sev_m++; | |||
if (sev_m > 12) { | |||
sev_m = 1; | |||
sev_y++; | |||
} | |||
var nm = sev_m + 1; | |||
var ny = sev_y; | |||
if (nm > 12) { | |||
nm = 1; | |||
ny++; | |||
} | |||
var nowweak = new Date(ny, nm - 1, 1).getDay(); | |||
get_first(nowweak, ny, nm, 0, "d" + fors); | |||
$("#ymym").html(sev_y + "年" + sev_m + "月"); | |||
active = 5; | |||
} else if (active == 5 && nows == 1) { | |||
var fors = 3; | |||
sev_m--; | |||
if (sev_m < 1) { | |||
sev_m = 12; | |||
sev_y--; | |||
} | |||
var lastm = sev_m; | |||
var lasty = sev_y; | |||
var nm = sev_m - 1; | |||
var ny = sev_y; | |||
if (nm < 1) { | |||
nm = 12; | |||
ny--; | |||
} | |||
var nowweak = new Date(ny, nm - 1, 1).getDay(); | |||
var lastweak = new Date(lasty, sev_m - 1, 1).getDay(); | |||
get_first(nowweak, ny, nm, 0, "d" + fors); | |||
get_first(lastweak, lasty, sev_m, 0, "d4"); | |||
$("#ymym").html(sev_y + "年" + sev_m + "月"); | |||
active = 1; | |||
} else if (active > nows) { | |||
var fors = nows - 1; | |||
if (fors < 1) | |||
fors = 5; | |||
sev_m--; | |||
if (sev_m < 1) { | |||
sev_m = 12; | |||
sev_y--; | |||
} | |||
var nm = sev_m - 1; | |||
var ny = sev_y; | |||
if (nm < 1) { | |||
nm = 12; | |||
ny--; | |||
} | |||
var nowweak = new Date(ny, nm - 1, 1).getDay(); | |||
get_first(nowweak, ny, nm, 0, "d" + fors); | |||
$("#ymym").html(sev_y + "年" + sev_m + "月"); | |||
active = nows; | |||
} else if (active < nows) { | |||
var fors = nows + 1; | |||
if (fors > 5) | |||
fors = 1; | |||
sev_m++; | |||
if (sev_m > 12) { | |||
sev_m = 1; | |||
sev_y++; | |||
} | |||
var nm = sev_m + 1; | |||
var ny = sev_y; | |||
if (nm > 12) { | |||
nm = 1; | |||
ny++; | |||
} | |||
var nowweak = new Date(ny, nm - 1, 1).getDay(); | |||
get_first(nowweak, ny, nm, 0, "d" + fors); | |||
$("#ymym").html(sev_y + "年" + sev_m + "月"); | |||
active = nows; | |||
} | |||
var trLength = $("#d" + nows).find("tr").length; | |||
if (trLength == 6) { | |||
$(".swiper-container").css("paddingBottom", ".45rem"); | |||
} else { | |||
$(".swiper-container").css("paddingBottom", ""); | |||
} | |||
swiper.unlockSwipes(); | |||
} | |||
}) | |||
$("#now3").attr("id", "d1"); | |||
$("#now1").attr("id", "d2"); | |||
$("#now2").attr("id", "d3"); | |||
$("#now3").attr("id", "d4"); | |||
$("#now1").attr("id", "d5"); | |||
var globledate = new Date(); | |||
var y = globledate.getFullYear(); | |||
var m = globledate.getMonth() + 1; | |||
var d = globledate.getDate(); | |||
sev_m = m; | |||
sev_y = y; | |||
sev_d = d; | |||
var nowweak = new Date(y, m - 1, 1).getDay(); | |||
if (nowweak == 7) nowweak = 0; | |||
get_first(nowweak, y, m, d, "d3"); | |||
set_top(0); | |||
m = m + 1; | |||
if (m > 12) { | |||
m = 1; | |||
y += 1; | |||
} | |||
nowweak = new Date(y, m - 1, 1).getDay(); | |||
get_first(nowweak, y, m, 0, "d4"); | |||
m = sev_m - 1; | |||
if (m < 1) { | |||
m = 12; | |||
y = sev_y - 1; | |||
} | |||
nowweak = new Date(y, m - 1, 1).getDay(); | |||
get_first(nowweak, y, m, 0, "d2"); | |||
$("#ymym").html(sev_y + "年" + sev_m + "月"); | |||
$(".js_jin").click(function () { | |||
active = 3; | |||
var globledate = new Date(); | |||
var y = globledate.getFullYear(); | |||
var m = globledate.getMonth() + 1; | |||
var d = globledate.getDate(); | |||
sev_m = m; | |||
sev_y = y; | |||
sev_d = d; | |||
var nowweak = new Date(y, m - 1, 1).getDay(); | |||
if (nowweak == 7) nowweak = 0; | |||
get_first(nowweak, y, m, d, "d3"); | |||
set_top(0); | |||
m = m + 1; | |||
if (m > 12) { | |||
m = 1; | |||
y += 1; | |||
} | |||
nowweak = new Date(y, m - 1, 1).getDay(); | |||
get_first(nowweak, y, m, 0, "d4"); | |||
m = sev_m - 1; | |||
if (m < 1) { | |||
m = 12; | |||
y = sev_y - 1; | |||
} | |||
nowweak = new Date(y, m - 1, 1).getDay(); | |||
get_first(nowweak, y, m, 0, "d2"); | |||
$("#ymym").html(sev_y + "年" + sev_m + "月"); | |||
mySwiper.slideTo(2, 500, false); | |||
}); | |||
mySwiper.unlockSwipes(); | |||
} |
@@ -3238,6 +3238,13 @@ | |||
<Content Include="Content\paper\dist\local\zh-TW.js" /> | |||
<Content Include="Content\paper\easing.js" /> | |||
<Content Include="Content\paper\images\duigou.png" /> | |||
<Content Include="Content\phone\css\css\common.css" /> | |||
<Content Include="Content\phone\css\css\default.css" /> | |||
<Content Include="Content\phone\css\css\htmleaf-demo.css" /> | |||
<Content Include="Content\phone\css\css\index.css" /> | |||
<Content Include="Content\phone\css\css\normalize.css" /> | |||
<Content Include="Content\phone\css\css\style.css" /> | |||
<Content Include="Content\phone\css\css\swiper-3.3.1.min.css" /> | |||
<Content Include="Content\phone\css\menu.css" /> | |||
<Content Include="Content\phone\css\split.css" /> | |||
<Content Include="Content\phone\css\survey.css" /> | |||
@@ -3265,9 +3272,12 @@ | |||
<Content Include="Content\phone\imgs\survey2.png" /> | |||
<Content Include="Content\phone\imgs\survey3.png" /> | |||
<Content Include="Content\phone\imgs\title.png" /> | |||
<Content Include="Content\phone\js\calendar.js" /> | |||
<Content Include="Content\phone\js\getSize.js" /> | |||
<Content Include="Content\phone\js\jquery-2.1.4.min.js" /> | |||
<Content Include="Content\phone\js\jquery.min.js" /> | |||
<Content Include="Content\phone\js\menu.js" /> | |||
<Content Include="Content\phone\js\swiper-3.3.1.min.js" /> | |||
<Content Include="Content\phone\js\title_search.js" /> | |||
<Content Include="Content\qingju\128.png" /> | |||
<Content Include="Content\signalr\jquery.signalR-2.2.2.js" /> | |||
@@ -3996,6 +4006,7 @@ | |||
<Content Include="PhonePage\schoolSceneryList.html" /> | |||
<Content Include="PhonePage\server.js" /> | |||
<Content Include="PhonePage\survey.html" /> | |||
<Content Include="PhonePage\surveyold.html" /> | |||
<Content Include="Resource\wav\收到新消息.wav" /> | |||
<Content Include="Views\Home\AdminAccordion\Index.css" /> | |||
<Content Include="Views\Home\AdminAccordion\Index.js" /> | |||
@@ -68,8 +68,8 @@ | |||
<img src="../Content/phone/imgs/newStudentGui/title.png" alt="" width="100%"> | |||
</div> | |||
<div> | |||
<input type="text" id="search" placeholder="专业搜索..." /> | |||
<img src="../Content/phone/imgs/search_icon.png" alt="" id="search_icon"> | |||
<!--<input type="text" id="search" placeholder="专业搜索..." /> | |||
<img src="../Content/phone/imgs/search_icon.png" alt="" id="search_icon">--> | |||
</div> | |||
</div> | |||
<div class="menu"> | |||
@@ -1,138 +1,139 @@ | |||
<!DOCTYPE html> | |||
<html> | |||
<head> | |||
<meta charset="utf-8"> | |||
<meta name="viewport" | |||
content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" /> | |||
<link rel="stylesheet" href="../Content/phone/css/title_search.css"> | |||
<link rel="stylesheet" type="text/css" href="../Content/phone/css/menu.css" /> | |||
<link rel="stylesheet" href="../Content/phone/css/split.css"> | |||
<title>校园风光</title> | |||
<style> | |||
* { | |||
margin: 0; | |||
padding: 0; | |||
} | |||
.list{ | |||
padding: 0 2.6%; | |||
display: flex; | |||
justify-content: space-between; | |||
flex-wrap: wrap; | |||
} | |||
.list_child{ | |||
width: 47%; | |||
border: solid 1px #E7EDEF; | |||
text-align: center; | |||
display: block; | |||
text-decoration: none; | |||
} | |||
.list_child img{ | |||
width: 100%; | |||
} | |||
.list_child>div{ | |||
/* margin: 12px 0; */ | |||
color: #414141; | |||
font-size: 13px; | |||
} | |||
</style> | |||
</head> | |||
<body> | |||
<div class="title_search"> | |||
<div style="width: 46.4%;"> | |||
<img src="../Content/phone/imgs/newStudentGui/title.png" alt="" width="100%"> | |||
</div> | |||
<div> | |||
<input type="text" id="search" placeholder="校园风光搜索..." /> | |||
<img src="../Content/phone/imgs/search_icon.png" alt="" id="search_icon"> | |||
</div> | |||
</div> | |||
<div class="menu"> | |||
<a href="index.html"> | |||
<img src="../Content/phone/imgs/backBtn.png" alt="" width="100%"> | |||
</a> | |||
<div>校园风光</div> | |||
</div> | |||
<div class="split"></div> | |||
<div class="list"> | |||
<!--<a class="list_child" href="schoolNewsDetails.html"> | |||
<img src="../Content/phone/imgs/schoolNews/list_main.png" alt=""> | |||
<div class="list_names">校园风光</div> | |||
</a> | |||
<a class="list_child" href="schoolNewsDetails.html"> | |||
<img src="../Content/phone/imgs/schoolNews/list_main.png" alt=""> | |||
<div class="list_names">校园风光</div> | |||
</a> | |||
<a class="list_child" href="schoolNewsDetails.html"> | |||
<img src="../Content/phone/imgs/schoolNews/list_main.png" alt=""> | |||
<div class="list_names">校园风光</div> | |||
</a> | |||
<a class="list_child" href="schoolNewsDetails.html"> | |||
<img src="../Content/phone/imgs/schoolNews/list_main.png" alt=""> | |||
<div class="list_names">校园风光</div> | |||
</a>--> | |||
</div> | |||
<div style="height: 10px;"></div> | |||
<script src="../Content/phone/js/jquery.min.js"></script> | |||
<script src="../Content/phone/js/getSize.js" type="text/javascript" charset="utf-8"></script> | |||
<script src="../Content/phone/js/title_search.js" type="text/javascript" charset="utf-8"></script> | |||
<script src="../Content/phone/js/menu.js" type="text/javascript" charset="utf-8"></script> | |||
<script src="server.js"></script> | |||
<script type="text/javascript"> | |||
var lists = document.getElementsByClassName('list_child'); | |||
var names = document.getElementsByClassName('list_names'); | |||
for(var i=0;i<lists.length;i++) { | |||
lists[i].style.marginTop = (pageHeight * 0.017) + 'px'; | |||
} | |||
for(var i=0;i<names.length;i++) { | |||
names[i].style.marginTop = (pageHeight * 0.009) + 'px'; | |||
names[i].style.marginBottom = (pageHeight * 0.017) + 'px'; | |||
} | |||
<head> | |||
<meta charset="utf-8"> | |||
<meta name="viewport" | |||
content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" /> | |||
<link rel="stylesheet" href="../Content/phone/css/title_search.css"> | |||
<link rel="stylesheet" type="text/css" href="../Content/phone/css/menu.css" /> | |||
<link rel="stylesheet" href="../Content/phone/css/split.css"> | |||
<title>校园风光</title> | |||
<style> | |||
* { | |||
margin: 0; | |||
padding: 0; | |||
} | |||
$(function () { | |||
GetNews(); | |||
}); | |||
.list { | |||
padding: 0 2.6%; | |||
display: flex; | |||
justify-content: space-between; | |||
flex-wrap: wrap; | |||
} | |||
//获取校园风光 | |||
function GetNews() { | |||
$.ajax({ | |||
url: serverurl + '/arrangelesson/GetSchoolNewList?categoryId=1', | |||
type: "GET", | |||
dataType: "json", | |||
async: true, | |||
cache: false, | |||
success: function (data) { | |||
var data = data.data; | |||
var html = ''; | |||
for (var i = 0; i < data.length; i++) { | |||
var img = '../Content/phone/imgs/schoolNews/list_main.png'; | |||
if (data[i].F_NewsImage) { | |||
var path = data[i].F_NewsImage; | |||
var index = path.lastIndexOf("Resource"); | |||
path = path.substring(index, path.length); | |||
img = path; | |||
} | |||
html += '<a class="list_child" href="schoolNewsDetails.html?type=1&Id=' + data[i].F_NewsId + '">'; | |||
//html += '<img src="' + img + '" alt="">'; | |||
html += '<img src="../Resource/System/20210521/wu_1f66i72fpbmi11011j911pg51fbk7.png" alt="">'; | |||
html += '<div class="list_names">' + data[i].F_FullHead+'</div>'; | |||
html += '</a>'; | |||
} | |||
$('.list').html(html); | |||
.list_child { | |||
width: 47%; | |||
border: solid 1px #E7EDEF; | |||
text-align: center; | |||
display: block; | |||
text-decoration: none; | |||
} | |||
}, | |||
error: function (XMLHttpRequest, textStatus, errorThrown) { | |||
.list_child img { | |||
width: 100%; | |||
} | |||
}, | |||
beforeSend: function () { | |||
}, | |||
complete: function () { | |||
} | |||
}); | |||
} | |||
</script> | |||
</body> | |||
.list_child > div { | |||
/* margin: 12px 0; */ | |||
color: #414141; | |||
font-size: 13px; | |||
} | |||
</style> | |||
</head> | |||
<body> | |||
<div class="title_search"> | |||
<div style="width: 46.4%;"> | |||
<img src="../Content/phone/imgs/newStudentGui/title.png" alt="" width="100%"> | |||
</div> | |||
<div> | |||
<input type="text" id="search" placeholder="校园风光搜索..." /> | |||
<img src="../Content/phone/imgs/search_icon.png" alt="" id="search_icon"> | |||
</div> | |||
</div> | |||
<div class="menu"> | |||
<a href="index.html"> | |||
<img src="../Content/phone/imgs/backBtn.png" alt="" width="100%"> | |||
</a> | |||
<div>校园风光</div> | |||
</div> | |||
<div class="split"></div> | |||
<div class="list"> | |||
<!--<a class="list_child" href="schoolNewsDetails.html"> | |||
<img src="../Content/phone/imgs/schoolNews/list_main.png" alt=""> | |||
<div class="list_names">校园风光</div> | |||
</a> | |||
<a class="list_child" href="schoolNewsDetails.html"> | |||
<img src="../Content/phone/imgs/schoolNews/list_main.png" alt=""> | |||
<div class="list_names">校园风光</div> | |||
</a> | |||
<a class="list_child" href="schoolNewsDetails.html"> | |||
<img src="../Content/phone/imgs/schoolNews/list_main.png" alt=""> | |||
<div class="list_names">校园风光</div> | |||
</a> | |||
<a class="list_child" href="schoolNewsDetails.html"> | |||
<img src="../Content/phone/imgs/schoolNews/list_main.png" alt=""> | |||
<div class="list_names">校园风光</div> | |||
</a>--> | |||
</div> | |||
<div style="height: 10px;"></div> | |||
<script src="../Content/phone/js/jquery.min.js"></script> | |||
<script src="../Content/phone/js/getSize.js" type="text/javascript" charset="utf-8"></script> | |||
<script src="../Content/phone/js/title_search.js" type="text/javascript" charset="utf-8"></script> | |||
<script src="../Content/phone/js/menu.js" type="text/javascript" charset="utf-8"></script> | |||
<script src="server.js"></script> | |||
<script type="text/javascript"> | |||
var lists = document.getElementsByClassName('list_child'); | |||
var names = document.getElementsByClassName('list_names'); | |||
for (var i = 0; i < lists.length; i++) { | |||
lists[i].style.marginTop = (pageHeight * 0.017) + 'px'; | |||
} | |||
for (var i = 0; i < names.length; i++) { | |||
names[i].style.marginTop = (pageHeight * 0.009) + 'px'; | |||
names[i].style.marginBottom = (pageHeight * 0.017) + 'px'; | |||
} | |||
$(function () { | |||
GetNews(); | |||
}); | |||
//获取校园风光 | |||
function GetNews() { | |||
$.ajax({ | |||
url: serverurl + '/arrangelesson/GetSchoolNewList?categoryId=1', | |||
type: "GET", | |||
dataType: "json", | |||
async: true, | |||
cache: false, | |||
success: function (data) { | |||
var data = data.data; | |||
var html = ''; | |||
for (var i = 0; i < data.length; i++) { | |||
var img = '../Content/phone/imgs/schoolNews/list_main.png'; | |||
if (data[i].F_NewsImage) { | |||
var path = data[i].F_NewsImage; | |||
var index = (data[i].F_NewsImage).lastIndexOf("Resource"); | |||
path = path.substring(index, path.length); | |||
img = "/" + path; | |||
} | |||
html += '<a class="list_child" href="schoolNewsDetails.html?type=2&Id=' + data[i].F_NewsId + '">'; | |||
html += '<img src="' + img + '" alt="">'; | |||
html += '<div class="list_names">' + data[i].F_FullHead + '</div>'; | |||
html += '</a>'; | |||
} | |||
$('.list').html(html); | |||
}, | |||
error: function (XMLHttpRequest, textStatus, errorThrown) { | |||
}, | |||
beforeSend: function () { | |||
}, | |||
complete: function () { | |||
} | |||
}); | |||
} | |||
</script> | |||
</body> | |||
</html> |
@@ -1,10 +1,15 @@ | |||
<!DOCTYPE html> | |||
| |||
<!DOCTYPE html> | |||
<html> | |||
<head> | |||
<meta charset="utf-8"> | |||
<meta name="viewport" | |||
content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" /> | |||
<title>新生指引</title> | |||
<link rel="stylesheet" href="../Content/phone/css/css/normalize.css" /> | |||
<link rel="stylesheet" href="../Content/phone/css/css/common.css" /> | |||
<link rel="stylesheet" href="../Content/phone/css/css/index.css" /> | |||
<link rel="stylesheet" href="../Content/phone/css/css/swiper-3.3.1.min.css" /> | |||
<link rel="stylesheet" type="text/css" href="../Content/phone/css/title_search.css" /> | |||
<link rel="stylesheet" href="../Content/phone/css/split.css"> | |||
<link rel="stylesheet" href="../Content/phone/css/menu.css"> | |||
@@ -15,10 +20,10 @@ | |||
<div style="width: 46.4%;"> | |||
<img src="../Content/phone/imgs/newStudentGui/title.png" alt="" width="100%"> | |||
</div> | |||
<!--<div> | |||
<input type="text" id="search" placeholder="课程搜索..." /> | |||
<img src="../Content/phone/imgs/search_icon.png" alt="" id="search_icon"> | |||
</div>--> | |||
<div> | |||
<!--<input type="text" id="search" placeholder="课程搜索..." /> | |||
<img src="../Content/phone/imgs/search_icon.png" alt="" id="search_icon">--> | |||
</div> | |||
</div> | |||
<div class="menu"> | |||
<a href="javascript:history.back();"> | |||
@@ -28,12 +33,12 @@ | |||
<div class="active">学校简介</div> | |||
<div>历史沿革</div> | |||
<div>学校荣誉</div> | |||
<div>校历</div> | |||
</div> | |||
</div> | |||
<div class="split"></div> | |||
<div class="survey"> | |||
<div class="surveyBox"> | |||
<!--学校简介--> | |||
<div class="surveyT surveyT1"> | |||
<img src="../Content/phone/imgs/survey1.png" alt=""> | |||
</div> | |||
@@ -41,66 +46,183 @@ | |||
<img src="../Content/phone/imgs/survey2.png" alt=""> | |||
</div> | |||
<div class="monthText" id="BriefIntroduction"> | |||
</div> | |||
</div> | |||
<div class="surveyBox"> | |||
<!--历史沿革--> | |||
<div class="surveyTxt"> | |||
建校半个多世纪以来,学校性质由技工改为中专,又由中专改为技工,继而进行半工半读教改实验,最后恢复中专性质。其间学校8易归属 | |||
建校半个多世纪以来,学校性质由技工改为中专,又由中专改为技工,继而进行半工半读教改实验,最后恢复中专性质。其间学校8易归属,10次更改校名,变化繁复,详见下表。 | |||
</div> | |||
<div class="history"> | |||
<div class="year">1993</div> | |||
<div class="yearx">1955</div> | |||
<!-- <div class="historyCard"></div> --> | |||
<div class="month right"> | |||
<div class="monthx right"> | |||
<span class="line"></span> | |||
<div class="monthTime">2月</div> | |||
<div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div> | |||
<div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div> | |||
<div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校</div> | |||
<div class="monthTxt">办学性质:技工</div> | |||
<div class="monthTxt">隶属上级:重工业部建筑材料工业管理局</div> | |||
</div> | |||
<div class="month left"> | |||
<div class="monthx left"> | |||
<span class="line"></span> | |||
<div class="monthTime">3月</div> | |||
<div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div> | |||
<div class="monthTime">6月</div> | |||
<div class="monthTxt">学校名称:琉璃河建筑材料工业技工学校</div> | |||
<div class="monthTxt">办学性质:技工</div> | |||
<div class="monthTxt">隶属上级:重工业部建筑材料工业管理局</div> | |||
</div> | |||
<div class="month right"> | |||
</div> | |||
<div class="history"> | |||
<div class="yearx">1956</div> | |||
<!-- <div class="historyCard"></div> --> | |||
<div class="monthx right"> | |||
<span class="line"></span> | |||
<div class="monthTime">4月</div> | |||
<div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div> | |||
<div class="monthTxt">学校名称:建筑材料工业部琉璃河建筑材料工业工人技术学校</div> | |||
<div class="monthTxt">办学性质:技工</div> | |||
<div class="monthTxt">隶属上级:建筑材料工业部教育司</div> | |||
</div> | |||
<div class="month left"> | |||
</div> | |||
<div class="history"> | |||
<div class="yearx">1957</div> | |||
<!-- <div class="historyCard"></div> --> | |||
<div class="monthx left"> | |||
<span class="line"></span> | |||
<div class="monthTime">1月</div> | |||
<div class="monthTxt">学校名称:琉璃河技工学校</div> | |||
<div class="monthTxt">办学性质:技工</div> | |||
<div class="monthTxt">隶属上级:建筑材料工业部教育司</div> | |||
</div> | |||
</div> | |||
<div class="history"> | |||
<div class="yearx">1958</div> | |||
<!-- <div class="historyCard"></div> --> | |||
<div class="monthx right"> | |||
<span class="line"></span> | |||
<div class="monthTime">5月</div> | |||
<div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div> | |||
<div class="monthTxt">学校名称:琉璃河建筑材料工业技工学校</div> | |||
<div class="monthTxt">办学性质:技工</div> | |||
<div class="monthTxt">隶属上级:建筑工程部劳资司</div> | |||
</div> | |||
<div class="monthx left"> | |||
<span class="line"></span> | |||
<div class="monthTime">7月</div> | |||
<div class="monthTxt">学校名称:琉璃河建筑材料工业技工学校</div> | |||
<div class="monthTxt">办学性质:技工</div> | |||
<div class="monthTxt">隶属上级:琉璃河水泥厂</div> | |||
</div> | |||
</div> | |||
<div class="history"> | |||
<div class="year">1995</div> | |||
<div class="yearx">1959</div> | |||
<!-- <div class="historyCard"></div> --> | |||
<div class="month right"> | |||
<div class="monthx right"> | |||
<span class="line"></span> | |||
<div class="monthTime">2月</div> | |||
<div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div> | |||
<div class="monthTxt">学校名称:琉璃河水泥工业学校</div> | |||
<div class="monthTxt">办学性质:技工</div> | |||
<div class="monthTxt">隶属上级:琉璃河水泥厂</div> | |||
</div> | |||
<div class="month left"> | |||
<div class="monthx left"> | |||
<span class="line"></span> | |||
<div class="monthTime">3月</div> | |||
<div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div> | |||
<div class="monthTime">4月</div> | |||
<div class="monthTxt">学校名称:琉璃河水泥工业学校</div> | |||
<div class="monthTxt">办学性质:中专</div> | |||
<div class="monthTxt">隶属上级:琉璃河水泥厂</div> | |||
</div> | |||
<div class="month right"> | |||
<div class="monthx right"> | |||
<span class="line"></span> | |||
<div class="monthTime">8月</div> | |||
<div class="monthTxt">学校名称:琉璃河水泥工业学校</div> | |||
<div class="monthTxt">办学性质:中专</div> | |||
<div class="monthTxt">隶属上级:建筑工程部水泥局</div> | |||
</div> | |||
</div> | |||
<div class="history"> | |||
<div class="yearx">1962</div> | |||
<!-- <div class="historyCard"></div> --> | |||
<div class="monthx left"> | |||
<span class="line"></span> | |||
<div class="monthTime">4月</div> | |||
<div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div> | |||
<div class="monthTxt">学校名称:琉璃河水泥工业学校</div> | |||
<div class="monthTxt">办学性质:技工</div> | |||
<div class="monthTxt">隶属上级:建筑工程部水泥局</div> | |||
</div> | |||
<div class="month left"> | |||
</div> | |||
<div class="history"> | |||
<div class="yearx">1964</div> | |||
<!-- <div class="historyCard"></div> --> | |||
<div class="monthx right"> | |||
<span class="line"></span> | |||
<div class="monthTime">5月</div> | |||
<div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div> | |||
<div class="monthTxt">学校名称:北京水泥技工学校</div> | |||
<div class="monthTxt">办学性质:技工</div> | |||
<div class="monthTxt">隶属上级:建筑工程部水泥局</div> | |||
</div> | |||
<div class="monthx left"> | |||
<span class="line"></span> | |||
<div class="monthTime">10月</div> | |||
<div class="monthTxt">学校名称:北京水泥技工学校</div> | |||
<div class="monthTxt">办学性质:技工</div> | |||
<div class="monthTxt">隶属上级:琉璃河水泥厂</div> | |||
</div> | |||
</div> | |||
<div class="history"> | |||
<div class="yearx">1965</div> | |||
<!-- <div class="historyCard"></div> --> | |||
<div class="monthx right"> | |||
<span class="line"></span> | |||
<div class="monthTime">3月</div> | |||
<div class="monthTxt">学校名称:琉璃河水泥厂半工半读中等技术学校</div> | |||
<div class="monthTxt">办学性质:中专</div> | |||
<div class="monthTxt">隶属上级:琉璃河水泥厂</div> | |||
</div> | |||
</div> | |||
<div class="history"> | |||
<div class="yearx">1967</div> | |||
<!-- <div class="historyCard"></div> --> | |||
<div class="monthx left"> | |||
<span class="line"></span> | |||
<div class="monthTime">1月</div> | |||
<div class="monthTxt">学校名称:首都水泥工业学校</div> | |||
<div class="monthTxt">办学性质:中专</div> | |||
<div class="monthTxt">隶属上级:琉璃河水泥厂</div> | |||
</div> | |||
</div> | |||
<div class="history"> | |||
<div class="yearx">1975</div> | |||
<!-- <div class="historyCard"></div> --> | |||
<div class="monthx right"> | |||
<span class="line"></span> | |||
<div class="monthTime">6月</div> | |||
<div class="monthTxt">学校名称:首都水泥工业学校</div> | |||
<div class="monthTxt">办学性质:中专</div> | |||
<div class="monthTxt">隶属上级:北京市建筑材料工业局水泥工业公司</div> | |||
</div> | |||
</div> | |||
<div class="history"> | |||
<div class="yearx">1978</div> | |||
<!-- <div class="historyCard"></div> --> | |||
<div class="monthx left"> | |||
<span class="line"></span> | |||
<div class="monthTime">至今</div> | |||
<div class="monthTxt">学校名称:北京市建筑材料工业学校</div> | |||
<div class="monthTxt">办学性质:中专</div> | |||
<div class="monthTxt">隶属上级:北京市建材局(后改为北京市建筑材料集团有限责任公司现为北京金隅集团有限责任公司)</div> | |||
</div> | |||
</div> | |||
<div class="history"> | |||
<div class="yearx">2008</div> | |||
<!-- <div class="historyCard"></div> --> | |||
<div class="monthx right"> | |||
<span class="line"></span> | |||
<div class="monthTime">至今</div> | |||
<div class="monthTxt">学校名称:北京金隅科技学校</div> | |||
<div class="monthTxt">办学性质:中专</div> | |||
<div class="monthTxt">隶属上级:北京金隅集团有限责任公司</div> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="surveyBox"> | |||
<!--学校荣誉--> | |||
<div class="surveyT"> | |||
<img src="../Content/phone/imgs/survey3.png" alt=""> | |||
</div> | |||
@@ -108,23 +230,279 @@ | |||
<img src="../Content/phone/imgs/survey2.png" alt=""> | |||
</div> | |||
<div class="surveyList"> | |||
<div>1980年11月,学校被国家教育部命名为“全国重点中等专业学校1980年11月,学校被国家教育部命名为“全国重点中等专业学校</div> | |||
<div>1980年11月,学校被国家教育部命名为“全国重点中等专业学校1980年11月,学校被国家教育部命名为“全国重点中等专业学校</div> | |||
<div>1980年11月,学校被国家教育部命名为“全国重点中等专业学校1980年11月,学校被国家教育部命名为“全国重点中等专业学校</div> | |||
<div>1980年11月,学校被国家教育部命名为“全国重点中等专业学校”。</div> | |||
<div>1984年,学校被北京市人民政府确定为北京市中等专业学校六所改革试点学校之。</div> | |||
<div>1991年1月,学校被国家教育委员会、国家计划委员会、劳动部、人事部、财政部授予“全国职业技术教育先进单位”。</div> | |||
<div>1993年8月被确定为北京市重点中等专业学校。</div> | |||
<div>1994年8月,学校被国家教委确定为“国家级重点普通中等专业学校”。</div> | |||
<div>1999年,被劳动部确定为“行业特有工种职业技能鉴定站”。</div> | |||
<div>2000年6月,学校再次被评为“国家级重点中等职业学校”。</div> | |||
<div>2003年12月被评为北京市现代化标志性中等职业学校。</div> | |||
<div>2005年11月被评为全国职业教育先进单位。</div> | |||
<div>2006年6月被确定为建材行业特有工种职业技能鉴定站(010站)。</div> | |||
<div>2007年9月,学校被国家教育部和人事部授予“全国教育系统先进集体”。</div> | |||
<div>2012年5月牵头成立“建材行业北京职教集团”。</div> | |||
<div>2010-2012年连续三年我校学生在全国职业院校技能大赛中荣获冠军。</div> | |||
<div>2012年11月数控技术应用、硅酸盐工艺及工业控制专业被评为北京市示范专业。</div> | |||
<div>2011年,经北京市教委和教育部批准,学校成为首批“国家中等职业教育改革发展示范学校”的项目建设校。2013年8月通过北京市教委验收,2014年6月, 学校正式被教育部确定为首批“国家中等职业教育改革发展示范学校”。</div> | |||
<div>2014年9月,学校再次被教育部和人社部授予“全国教育系统先进集体”的荣誉称号。</div> | |||
</div> | |||
</div> | |||
<div class="surveyBox"> | |||
<div class="cour-box"> | |||
<div class="loading loading1 covers"> | |||
<div class="loading-bj"></div> | |||
<p>加载中...</p> | |||
</div> | |||
<!-- 加载ing END --> | |||
<section class="out-wrap"> | |||
<div class="kebiao"> | |||
<div class="header-main"> | |||
<section class="header"> | |||
<div class="child return"> | |||
<!-- <i></i> --> | |||
</div> | |||
<div class="child date"> <em class="f34" id="ymym">2016年06月</em> <i></i> </div> | |||
</section> | |||
<section class="day"> | |||
<section class="grid clearfix"> | |||
<div class="day-left clearfix"> | |||
<h1 id="top_shu">20</h1> | |||
<div class="top-contrl"> | |||
<p><em id="top_week">星期二</em></p> | |||
<div><i id="top_yue">八月廿十</i></div> | |||
</div> | |||
</div> | |||
<div class="day-right clearfix"> | |||
<div class="yun"> <span class="js_jin">今</span> </div> | |||
</div> | |||
</section> | |||
</section> | |||
<!-- end day --> | |||
</div> | |||
<!-- end header --> | |||
<section class="content"> | |||
<section class="week"> | |||
<ul class="clearfix f28"> | |||
<li><a href="#">日</a></li> | |||
<li><a href="#">一</a></li> | |||
<li><a href="#">二</a></li> | |||
<li><a href="#">三</a></li> | |||
<li><a href="#">四</a></li> | |||
<li><a href="#">五</a></li> | |||
<li><a href="#">六</a></li> | |||
</ul> | |||
</section> | |||
<section class="calenda"> | |||
<div class="swiper-container"> | |||
<div class="swiper-wrapper" id="swiperBox"> | |||
<div class="swiper-slide"> | |||
<table id="now1" class="tables"> | |||
<tr class=""> | |||
<td class=" list"><i>12</i><em>中秋</em></td> | |||
</tr> | |||
</table> | |||
</div> | |||
<div class="swiper-slide"> | |||
<table id="now2" class="tables"> | |||
<tr class=""></tr> | |||
</table> | |||
</div> | |||
<div class="swiper-slide"> | |||
<table id="now3" class="tables"> | |||
<tr class=""> | |||
<td class="list"><i>12</i><em>中秋</em></td> | |||
</tr> | |||
</table> | |||
</div> | |||
</div> | |||
</div> | |||
</section> | |||
<!-- end calenda --> | |||
</section> | |||
</div> | |||
<!-- end content --> | |||
<section class="prorup"></section> | |||
<!-- 弹窗 --> | |||
<div class="tc"></div> | |||
<div class="tc-innner"> | |||
<h2> 选择日期 </h2> | |||
<div class="current-time"> | |||
<i class="i-year">2018</i><i class="i-month">5</i><i class="i-date">4</i> | |||
</div> | |||
<div class="swiper-box"> | |||
<i class="i1"></i> <i class="i2"></i> <i class="i3"></i> | |||
<div class="swiper-box-li"> | |||
<div class="swiper-container2 nbxs"> | |||
<div class="swiper-wrapper year"> | |||
<div class="swiper-slide">2000年</div> | |||
<div class="swiper-slide">2001年</div> | |||
<div class="swiper-slide">2002年</div> | |||
<div class="swiper-slide">2003年</div> | |||
<div class="swiper-slide">2004年</div> | |||
<div class="swiper-slide">2005年</div> | |||
<div class="swiper-slide">2006年</div> | |||
<div class="swiper-slide">2007年</div> | |||
<div class="swiper-slide">2008年</div> | |||
<div class="swiper-slide">2009年</div> | |||
<div class="swiper-slide">2010年</div> | |||
<div class="swiper-slide">2011年</div> | |||
<div class="swiper-slide">2012年</div> | |||
<div class="swiper-slide">2013年</div> | |||
<div class="swiper-slide">2014年</div> | |||
<div class="swiper-slide">2015年</div> | |||
<div class="swiper-slide">2016年</div> | |||
<div class="swiper-slide">2017年</div> | |||
<div class="swiper-slide">2018年</div> | |||
<div class="swiper-slide">2019年</div> | |||
<div class="swiper-slide">2020年</div> | |||
<div class="swiper-slide">2021年</div> | |||
<div class="swiper-slide">2022年</div> | |||
<div class="swiper-slide">2023年</div> | |||
<div class="swiper-slide">2024年</div> | |||
<div class="swiper-slide">2025年</div> | |||
<div class="swiper-slide">2026年</div> | |||
<div class="swiper-slide">2027年</div> | |||
<div class="swiper-slide">2028年</div> | |||
<div class="swiper-slide">2029年</div> | |||
<div class="swiper-slide">2030年</div> | |||
<div class="swiper-slide">2031年</div> | |||
<div class="swiper-slide">2032年</div> | |||
<div class="swiper-slide">2033年</div> | |||
<div class="swiper-slide">2034年</div> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="swiper-box-li"> | |||
<div class="swiper-container3 nbxs"> | |||
<div class="swiper-wrapper month"> | |||
<div class="swiper-slide">1月</div> | |||
<div class="swiper-slide">2月</div> | |||
<div class="swiper-slide">3月</div> | |||
<div class="swiper-slide">4月</div> | |||
<div class="swiper-slide">5月</div> | |||
<div class="swiper-slide">6月</div> | |||
<div class="swiper-slide">7月</div> | |||
<div class="swiper-slide">8月</div> | |||
<div class="swiper-slide">9月</div> | |||
<div class="swiper-slide">10月</div> | |||
<div class="swiper-slide">11月</div> | |||
<div class="swiper-slide">12月</div> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="swiper-box-li"> | |||
<div class="swiper-container4 nbxs"> | |||
<div class="swiper-wrapper date"> | |||
<div class="swiper-slide">1日</div> | |||
<div class="swiper-slide">2日</div> | |||
<div class="swiper-slide">3日</div> | |||
<div class="swiper-slide">4日</div> | |||
<div class="swiper-slide">5日</div> | |||
<div class="swiper-slide">6日</div> | |||
<div class="swiper-slide">7日</div> | |||
<div class="swiper-slide">8日</div> | |||
<div class="swiper-slide">9日</div> | |||
<div class="swiper-slide">10日</div> | |||
<div class="swiper-slide">11日</div> | |||
<div class="swiper-slide">12日</div> | |||
<div class="swiper-slide">13日</div> | |||
<div class="swiper-slide">14日</div> | |||
<div class="swiper-slide">15日</div> | |||
<div class="swiper-slide">16日</div> | |||
<div class="swiper-slide">17日</div> | |||
<div class="swiper-slide">18日</div> | |||
<div class="swiper-slide">19日</div> | |||
<div class="swiper-slide">20日</div> | |||
<div class="swiper-slide">21日</div> | |||
<div class="swiper-slide">22日</div> | |||
<div class="swiper-slide">23日</div> | |||
<div class="swiper-slide">24日</div> | |||
<div class="swiper-slide">25日</div> | |||
<div class="swiper-slide">26日</div> | |||
<div class="swiper-slide">27日</div> | |||
<div class="swiper-slide">28日</div> | |||
<div class="swiper-slide">29日</div> | |||
<div class="swiper-slide">30日</div> | |||
<div class="swiper-slide">31日</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="tc-bot"> | |||
<div class="tc-bot-left">回到今天</div> | |||
<div class="tc-bot-right">确定</div> | |||
<i></i> | |||
</div> | |||
</div> | |||
</section> | |||
</div> | |||
<div class="course-card"> | |||
<div class="split" style="margin: 0 -2.6%;"></div> | |||
<div class="courseBox" id="calendarDetail"> | |||
<!-- 校历详情 --> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- <div style="height: 10px;"></div> --> | |||
<script src="../Content/phone/js/jquery.min.js"></script> | |||
<script src="../Content/phone/js/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script> | |||
<script src="../Content/phone/js/swiper-3.3.1.min.js"></script> | |||
<script src="../Content/phone/js/calendar.js" type="text/javascript" charset="utf-8"></script> | |||
<script src="../Content/phone/js/getSize.js"></script> | |||
<script src="../Content/phone/js/title_search.js"></script> | |||
<!--<script src="../Content/phone/js/title_search.js"></script>--> | |||
<script src="../Content/phone/js/menu.js"></script> | |||
<script src="server.js"></script> | |||
<script type="text/javascript"> | |||
$(function () { | |||
GetMonthText(); | |||
GetCalendarList(); | |||
}); | |||
//有课时间 state 2 1 3 dataK不可改 | |||
var xlFlag = true; | |||
//var dataK = [ | |||
// { | |||
// y: 2021, | |||
// m: 5, | |||
// d: 23, | |||
// state: 2 | |||
// }, | |||
// { | |||
// y: 2021, | |||
// m: 5, | |||
// d: 20, | |||
// state: 2 | |||
// } | |||
//]; | |||
var dataK = []; | |||
//日历点击 | |||
$('.survey').on('click', | |||
'.tables td', | |||
function () { | |||
if ($(this).hasClass('active')) { | |||
var id = ''; | |||
var data_y = $(this).attr('data_y'); | |||
var data_m = $(this).attr('data_m'); | |||
var data_d = $(this).attr('data_d'); | |||
$.each(dataK, | |||
function (i, n) { | |||
if (data_y == n.y && data_m == n.m && data_d == n.d) { | |||
id = n.id; | |||
} | |||
}); | |||
GetCalendarDetails(id); | |||
$('.course-card').css('display', 'block'); | |||
} else { | |||
$('.course-card').css('display', 'none'); | |||
} | |||
}); | |||
//设置头部 | |||
menu.style.height = (pageHeight * 0.056) + 'px'; | |||
//tab 切换 | |||
$('.menuTab').on('click', | |||
'div', | |||
function () { | |||
@@ -132,19 +510,128 @@ | |||
return; | |||
} | |||
var ind = $(this).index(); | |||
console.log(ind); | |||
$(this).addClass('active').siblings().removeClass('active'); | |||
$('.surveyBox').css('display', 'none').eq(ind).fadeIn(); | |||
if (ind == 3 && xlFlag) { | |||
xlFlag = false; | |||
calenderInit(LunarDate); | |||
} | |||
}); | |||
//获取校区简介 | |||
function GetMonthText() { | |||
$.ajax({ | |||
url: serverurl + '/arrangelesson/getBriefIntroductionById?companyId=' +'207fa1a9-160c-4943-a89b-8fa4db0547ce', | |||
url: serverurl + '/arrangelesson/getBriefIntroductionById', | |||
type: "GET", | |||
dataType: "json", | |||
async: true, | |||
cache: false, | |||
success: function (data) { | |||
$('#BriefIntroduction').html(data.info); | |||
}, | |||
error: function (XMLHttpRequest, textStatus, errorThrown) { | |||
}, | |||
beforeSend: function () { | |||
}, | |||
complete: function () { | |||
} | |||
}); | |||
} | |||
//获取校历 | |||
function GetCalendarList() { | |||
$.ajax({ | |||
url: serverurl + '/arrangelesson/getCalendarList', | |||
type: "GET", | |||
dataType: "json", | |||
async: true, | |||
cache: false, | |||
success: function (data) { | |||
data = data.data; | |||
for (var i = 0; i < data.length; i++) { | |||
var start = data[i].StartTime; | |||
var end = data[i].EndTime; | |||
var id = data[i].ID; | |||
getdiffdate(start, end, id); | |||
} | |||
}, | |||
error: function (XMLHttpRequest, textStatus, errorThrown) { | |||
}, | |||
beforeSend: function () { | |||
}, | |||
complete: function () { | |||
} | |||
}); | |||
} | |||
//获取两日期之间日期列表函数 | |||
function getdiffdate(stime, etime, id) { | |||
//初始化日期列表,数组 | |||
var diffdate = new Array(); | |||
var i = 0; | |||
//开始日期小于等于结束日期,并循环 | |||
while (stime <= etime) { | |||
diffdate[i] = stime; | |||
var obj = {}; | |||
var time = new Date(stime); | |||
obj['y'] = time.getFullYear(); | |||
obj['m'] = time.getMonth() + 1; | |||
obj['d'] = time.getDate(); | |||
obj['state'] = 2; | |||
obj['id'] = id; | |||
dataK.push(Object.assign({}, obj)); | |||
//获取开始日期时间戳 | |||
var stime_ts = new Date(stime).getTime(); | |||
//增加一天时间戳后的日期 | |||
var next_date = stime_ts + (24 * 60 * 60 * 1000); | |||
//拼接年月日,这里的月份会返回(0-11),所以要+1 | |||
var next_dates_y = new Date(next_date).getFullYear() + '-'; | |||
var next_dates_m = (new Date(next_date).getMonth() + 1 < 10) ? '0' + (new Date(next_date).getMonth() + 1) + '-' : (new Date(next_date).getMonth() + 1) + '-'; | |||
var next_dates_d = (new Date(next_date).getDate() < 10) ? '0' + new Date(next_date).getDate() : new Date(next_date).getDate(); | |||
stime = next_dates_y + next_dates_m + next_dates_d; | |||
//增加数组key | |||
i++; | |||
} | |||
//console.log(dataK); | |||
} | |||
//获取校历详情 | |||
function GetCalendarDetails(id) { | |||
$.ajax({ | |||
url: serverurl + '/arrangelesson/getCalendarDetails?keyValue=' + id, | |||
type: "GET", | |||
dataType: "json", | |||
async: true, | |||
cache: false, | |||
success: function (data) { | |||
$('#BriefIntroduction').html(data); | |||
var data = data.data; | |||
console.log(data); | |||
var str = ''; | |||
str += '<div class="courseTxt">'; | |||
str += '<span>学年:' + data.AcademicYearNo + '</span>'; | |||
str += '<span>学期:' + data.Semester + '</span>'; | |||
str += '</div>'; | |||
str += '<div class="courseTxt">'; | |||
str += '<span>时间:' + GetDate(data.StartTime) + '~' + GetDate(data.EndTime) + '</span>'; | |||
str += '</div>'; | |||
str += '<div class="courseCon">'; | |||
str += data.Content; | |||
str += '</div>'; | |||
$('#calendarDetail').html(str); | |||
}, | |||
error: function (XMLHttpRequest, textStatus, errorThrown) { | |||
@@ -155,6 +642,23 @@ | |||
} | |||
}); | |||
} | |||
//获取年月日格式 | |||
function GetDate(date) { | |||
date = new Date(date); | |||
var year = date.getFullYear(); | |||
var month = date.getMonth() + 1; | |||
var day = date.getDate(); | |||
if (month < 10) { | |||
month = "0" + month; | |||
} | |||
if (day < 10) { | |||
day = "0" + day; | |||
} | |||
var nowDate = year + "-" + month + "-" + day; | |||
return nowDate; | |||
} | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,414 @@ | |||
<!DOCTYPE html> | |||
<html> | |||
<head> | |||
<meta charset="utf-8"> | |||
<meta name="viewport" | |||
content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" /> | |||
<title>新生指引</title> | |||
<link rel="stylesheet" href="../Content/phone/css/css/normalize.css" /> | |||
<link rel="stylesheet" href="../Content/phone/css/css/common.css" /> | |||
<link rel="stylesheet" href="../Content/phone/css/css/index.css" /> | |||
<link rel="stylesheet" href="../Content/phone/css/css/swiper-3.3.1.min.css" /> | |||
<link rel="stylesheet" type="text/css" href="../Content/phone/css/title_search.css" /> | |||
<link rel="stylesheet" href="../Content/phone/css/split.css"> | |||
<link rel="stylesheet" href="../Content/phone/css/menu.css"> | |||
<link rel="stylesheet" href="../Content/phone/css/survey.css"> | |||
</head> | |||
<body class="surveyCon"> | |||
<div class="title_search"> | |||
<div style="width: 46.4%;"> | |||
<img src="../Content/phone/imgs/newStudentGui/title.png" alt="" width="100%"> | |||
</div> | |||
<!--<div> | |||
<input type="text" id="search" placeholder="课程搜索..." /> | |||
<img src="../Content/phone/imgs/search_icon.png" alt="" id="search_icon"> | |||
</div>--> | |||
</div> | |||
<div class="menu"> | |||
<a href="javascript:history.back();"> | |||
<img src="../Content/phone/imgs/backBtn.png" alt="" width="100%"> | |||
</a> | |||
<div class="menuTab"> | |||
<div class="active">学校简介</div> | |||
<div>历史沿革</div> | |||
<div>学校荣誉</div> | |||
<div>校历</div> | |||
</div> | |||
</div> | |||
<div class="split"></div> | |||
<div class="survey"> | |||
<div class="surveyBox"> | |||
<!--学校简介--> | |||
<div class="surveyT surveyT1"> | |||
<img src="../Content/phone/imgs/survey1.png" alt=""> | |||
</div> | |||
<div class="surveyLine"> | |||
<img src="../Content/phone/imgs/survey2.png" alt=""> | |||
</div> | |||
<div class="monthText" id="BriefIntroduction"> | |||
</div> | |||
</div> | |||
<div class="surveyBox"> | |||
<!--历史沿革--> | |||
<div class="surveyTxt"> | |||
建校半个多世纪以来,学校性质由技工改为中专,又由中专改为技工,继而进行半工半读教改实验,最后恢复中专性质。其间学校8易归属 | |||
</div> | |||
<div class="history"> | |||
<div class="year">1993</div> | |||
<!-- <div class="historyCard"></div> --> | |||
<div class="month right"> | |||
<span class="line"></span> | |||
<div class="monthTime">2月</div> | |||
<div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div> | |||
<div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div> | |||
</div> | |||
<div class="month left"> | |||
<span class="line"></span> | |||
<div class="monthTime">3月</div> | |||
<div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div> | |||
</div> | |||
<div class="month right"> | |||
<span class="line"></span> | |||
<div class="monthTime">4月</div> | |||
<div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div> | |||
</div> | |||
<div class="month left"> | |||
<span class="line"></span> | |||
<div class="monthTime">5月</div> | |||
<div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div> | |||
</div> | |||
</div> | |||
<div class="history"> | |||
<div class="year">1995</div> | |||
<!-- <div class="historyCard"></div> --> | |||
<div class="month right"> | |||
<span class="line"></span> | |||
<div class="monthTime">2月</div> | |||
<div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div> | |||
</div> | |||
<div class="month left"> | |||
<span class="line"></span> | |||
<div class="monthTime">3月</div> | |||
<div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div> | |||
</div> | |||
<div class="month right"> | |||
<span class="line"></span> | |||
<div class="monthTime">4月</div> | |||
<div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div> | |||
</div> | |||
<div class="month left"> | |||
<span class="line"></span> | |||
<div class="monthTime">5月</div> | |||
<div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="surveyBox"> | |||
<!--学校荣誉--> | |||
<div class="surveyT"> | |||
<img src="../Content/phone/imgs/survey3.png" alt=""> | |||
</div> | |||
<div class="surveyLine"> | |||
<img src="../Content/phone/imgs/survey2.png" alt=""> | |||
</div> | |||
<div class="surveyList"> | |||
<div>1980年11月,学校被国家教育部命名为“全国重点中等专业学校1980年11月,学校被国家教育部命名为“全国重点中等专业学校</div> | |||
<div>1980年11月,学校被国家教育部命名为“全国重点中等专业学校1980年11月,学校被国家教育部命名为“全国重点中等专业学校</div> | |||
<div>1980年11月,学校被国家教育部命名为“全国重点中等专业学校1980年11月,学校被国家教育部命名为“全国重点中等专业学校</div> | |||
</div> | |||
</div> | |||
<div class="surveyBox"> | |||
<!--校历--> | |||
<div class="cour-box"> | |||
<div class="loading loading1 covers"> | |||
<div class="loading-bj"></div> | |||
<p>加载中...</p> | |||
</div> | |||
<!-- 加载ing END --> | |||
<section class="out-wrap"> | |||
<div class="kebiao"> | |||
<div class="header-main"> | |||
<section class="header"> | |||
<div class="child return"> | |||
<!-- <i></i> --> | |||
</div> | |||
<div class="child date"> <em class="f34" id="ymym">2016年06月</em> <i></i> </div> | |||
</section> | |||
<section class="day"> | |||
<section class="grid clearfix"> | |||
<div class="day-left clearfix"> | |||
<h1 id="top_shu">20</h1> | |||
<div class="top-contrl"> | |||
<p><em id="top_week">星期二</em></p> | |||
<div><i id="top_yue">八月廿十</i></div> | |||
</div> | |||
</div> | |||
<div class="day-right clearfix"> | |||
<div class="yun"> <span class="js_jin">今</span> </div> | |||
</div> | |||
</section> | |||
</section> | |||
<!-- end day --> | |||
</div> | |||
<!-- end header --> | |||
<section class="content"> | |||
<section class="week"> | |||
<ul class="clearfix f28"> | |||
<li><a href="#">日</a></li> | |||
<li><a href="#">一</a></li> | |||
<li><a href="#">二</a></li> | |||
<li><a href="#">三</a></li> | |||
<li><a href="#">四</a></li> | |||
<li><a href="#">五</a></li> | |||
<li><a href="#">六</a></li> | |||
</ul> | |||
</section> | |||
<section class="calenda"> | |||
<div class="swiper-container"> | |||
<div class="swiper-wrapper" id="swiperBox"> | |||
<div class="swiper-slide"> | |||
<table id="now1" class="tables"> | |||
<tr class=""> | |||
<td class=" list"><i>12</i><em>中秋</em></td> | |||
</tr> | |||
</table> | |||
</div> | |||
<div class="swiper-slide"> | |||
<table id="now2" class="tables"> | |||
<tr class=""></tr> | |||
</table> | |||
</div> | |||
<div class="swiper-slide"> | |||
<table id="now3" class="tables"> | |||
<tr class=""> | |||
<td class="list"><i>12</i><em>中秋</em></td> | |||
</tr> | |||
</table> | |||
</div> | |||
</div> | |||
</div> | |||
</section> | |||
<!-- end calenda --> | |||
</section> | |||
</div> | |||
<!-- end content --> | |||
<section class="prorup"></section> | |||
<!-- 弹窗 --> | |||
<div class="tc"></div> | |||
<div class="tc-innner"> | |||
<h2> 选择日期 </h2> | |||
<div class="current-time"> | |||
<i class="i-year">2018</i><i class="i-month">5</i><i class="i-date">4</i> | |||
</div> | |||
<div class="swiper-box"> | |||
<i class="i1"></i> <i class="i2"></i> <i class="i3"></i> | |||
<div class="swiper-box-li"> | |||
<div class="swiper-container2 nbxs"> | |||
<div class="swiper-wrapper year"> | |||
<div class="swiper-slide">2000年</div> | |||
<div class="swiper-slide">2001年</div> | |||
<div class="swiper-slide">2002年</div> | |||
<div class="swiper-slide">2003年</div> | |||
<div class="swiper-slide">2004年</div> | |||
<div class="swiper-slide">2005年</div> | |||
<div class="swiper-slide">2006年</div> | |||
<div class="swiper-slide">2007年</div> | |||
<div class="swiper-slide">2008年</div> | |||
<div class="swiper-slide">2009年</div> | |||
<div class="swiper-slide">2010年</div> | |||
<div class="swiper-slide">2011年</div> | |||
<div class="swiper-slide">2012年</div> | |||
<div class="swiper-slide">2013年</div> | |||
<div class="swiper-slide">2014年</div> | |||
<div class="swiper-slide">2015年</div> | |||
<div class="swiper-slide">2016年</div> | |||
<div class="swiper-slide">2017年</div> | |||
<div class="swiper-slide">2018年</div> | |||
<div class="swiper-slide">2019年</div> | |||
<div class="swiper-slide">2020年</div> | |||
<div class="swiper-slide">2021年</div> | |||
<div class="swiper-slide">2022年</div> | |||
<div class="swiper-slide">2023年</div> | |||
<div class="swiper-slide">2024年</div> | |||
<div class="swiper-slide">2025年</div> | |||
<div class="swiper-slide">2026年</div> | |||
<div class="swiper-slide">2027年</div> | |||
<div class="swiper-slide">2028年</div> | |||
<div class="swiper-slide">2029年</div> | |||
<div class="swiper-slide">2030年</div> | |||
<div class="swiper-slide">2031年</div> | |||
<div class="swiper-slide">2032年</div> | |||
<div class="swiper-slide">2033年</div> | |||
<div class="swiper-slide">2034年</div> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="swiper-box-li"> | |||
<div class="swiper-container3 nbxs"> | |||
<div class="swiper-wrapper month"> | |||
<div class="swiper-slide">1月</div> | |||
<div class="swiper-slide">2月</div> | |||
<div class="swiper-slide">3月</div> | |||
<div class="swiper-slide">4月</div> | |||
<div class="swiper-slide">5月</div> | |||
<div class="swiper-slide">6月</div> | |||
<div class="swiper-slide">7月</div> | |||
<div class="swiper-slide">8月</div> | |||
<div class="swiper-slide">9月</div> | |||
<div class="swiper-slide">10月</div> | |||
<div class="swiper-slide">11月</div> | |||
<div class="swiper-slide">12月</div> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="swiper-box-li"> | |||
<div class="swiper-container4 nbxs"> | |||
<div class="swiper-wrapper date"> | |||
<div class="swiper-slide">1日</div> | |||
<div class="swiper-slide">2日</div> | |||
<div class="swiper-slide">3日</div> | |||
<div class="swiper-slide">4日</div> | |||
<div class="swiper-slide">5日</div> | |||
<div class="swiper-slide">6日</div> | |||
<div class="swiper-slide">7日</div> | |||
<div class="swiper-slide">8日</div> | |||
<div class="swiper-slide">9日</div> | |||
<div class="swiper-slide">10日</div> | |||
<div class="swiper-slide">11日</div> | |||
<div class="swiper-slide">12日</div> | |||
<div class="swiper-slide">13日</div> | |||
<div class="swiper-slide">14日</div> | |||
<div class="swiper-slide">15日</div> | |||
<div class="swiper-slide">16日</div> | |||
<div class="swiper-slide">17日</div> | |||
<div class="swiper-slide">18日</div> | |||
<div class="swiper-slide">19日</div> | |||
<div class="swiper-slide">20日</div> | |||
<div class="swiper-slide">21日</div> | |||
<div class="swiper-slide">22日</div> | |||
<div class="swiper-slide">23日</div> | |||
<div class="swiper-slide">24日</div> | |||
<div class="swiper-slide">25日</div> | |||
<div class="swiper-slide">26日</div> | |||
<div class="swiper-slide">27日</div> | |||
<div class="swiper-slide">28日</div> | |||
<div class="swiper-slide">29日</div> | |||
<div class="swiper-slide">30日</div> | |||
<div class="swiper-slide">31日</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="tc-bot"> | |||
<div class="tc-bot-left">回到今天</div> | |||
<div class="tc-bot-right">确定</div> | |||
<i></i> | |||
</div> | |||
</div> | |||
</section> | |||
</div> | |||
<div class="course-card"> | |||
<div class="split" style="margin: 0 -2.6%;"></div> | |||
<div class="courseBox"> | |||
<div class="courseTxt"> | |||
<span>学年: 2021-2022</span> | |||
<span>学期: 第一学期</span> | |||
</div> | |||
<div class="courseTxt"> | |||
<span>时间: 2021-05-21 ~ 2021-05-21</span> | |||
</div> | |||
<div class="courseCon"> | |||
此情此景,与当年纵横币圈的李笑来何其相似,那么,将马斯克与李笑来混为一谈,有何道理?昔日叱咤风云的币圈大佬,如今又怎么样了?监管加码,这波虚拟货币行情是否正在退潮? | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- <div style="height: 10px;"></div> --> | |||
<script src="../Content/phone/js/jquery.min.js"></script> | |||
<script src="../Content/phone/js/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script> | |||
<script src="../Content/phone/js/swiper-3.3.1.min.js"></script> | |||
<script src="../Content/phone/js/calendar.js" type="text/javascript" charset="utf-8"></script> | |||
<script src="../Content/phone/js/getSize.js"></script> | |||
<script src="../Content/phone/js/title_search.js"></script> | |||
<script src="../Content/phone/js/menu.js"></script> | |||
<script src="server.js"></script> | |||
<script type="text/javascript"> | |||
//有课时间 state 2 1 3 dataK不可改 | |||
var xlFlag = true; | |||
var dataK = [ | |||
{ | |||
y: 2021, | |||
m: 5, | |||
d: 23, | |||
state: 2 | |||
}, | |||
{ | |||
y: 2021, | |||
m: 5, | |||
d: 20, | |||
state: 2 | |||
} | |||
]; | |||
//日历点击 | |||
$('.survey').on('click', | |||
'.tables td', | |||
function() { | |||
if ($(this).hasClass('active')) { | |||
$('.course-card').css('display', 'block'); | |||
} else { | |||
$('.course-card').css('display', 'none'); | |||
} | |||
}); | |||
//设置头部 | |||
menu.style.height = (pageHeight * 0.056) + 'px'; | |||
//tab 切换 | |||
$('.menuTab').on('click', | |||
'div', | |||
function() { | |||
if ($(this).hasClass('active')) { | |||
return; | |||
} | |||
var ind = $(this).index(); | |||
$(this).addClass('active').siblings().removeClass('active'); | |||
$('.surveyBox').css('display', 'none').eq(ind).fadeIn() | |||
if (ind == 3 && xlFlag) { | |||
xlFlag = false; | |||
calenderInit(LunarDate); | |||
} | |||
}); | |||
$(function () { | |||
GetMonthText(); | |||
}); | |||
//获取校区简介 | |||
function GetMonthText() { | |||
$.ajax({ | |||
url: serverurl + '/arrangelesson/getBriefIntroductionById?companyId=' + '207fa1a9-160c-4943-a89b-8fa4db0547ce', | |||
type: "GET", | |||
dataType: "json", | |||
async: true, | |||
cache: false, | |||
success: function (data) { | |||
$('#BriefIntroduction').html(data); | |||
}, | |||
error: function (XMLHttpRequest, textStatus, errorThrown) { | |||
}, | |||
beforeSend: function () { | |||
}, | |||
complete: function () { | |||
} | |||
}); | |||
} | |||
</script> | |||
</body> | |||
</html> |
@@ -65,7 +65,7 @@ | |||
<add key="userKey" value="14B417B0-463D-4F2B-8075-0A20EEDB773A" /> | |||
<!-- ==================注意附件上传地址 修改到部署目录下的Resource要不然飞星会报错================== --> | |||
<add key="AnnexesFile" value="D:\gitLocalRepositories\DigitalScholl\Learun.Framework.Ultimate V7\Learun.Application.Web\Resource" /> | |||
<add key="AnnexesFile" value="D:\work\DigitalScholl\Learun.Framework.Ultimate V7\Learun.Application.Web\Resource" /> | |||
<!-- ================== 8:流程服务地址 ================== --> | |||
<add key="workflowapi" value="http://localhost:8013" /> | |||
<!--Redis 缓存前缀 --> | |||
@@ -64,6 +64,10 @@ namespace Learun.Application.WebApi.Modules | |||
Get["/getCdMajorList"] = GetCdMajorList; | |||
//新闻详情 | |||
Get["/getSchoolNewsDetails"] = GetSchoolNewsDetails; | |||
//校历 | |||
Get["/getCalendarList"] = GetCalendarList; | |||
//校历详情 | |||
Get["/getCalendarDetails"] = GetCalendarDetails; | |||
} | |||
private readonly ArrangeLessonTermIBLL arrangeLessonTermIBLL = new ArrangeLessonTermBLL(); | |||
@@ -79,6 +83,7 @@ namespace Learun.Application.WebApi.Modules | |||
private CompanyIBLL companyIbll = new CompanyBLL(); | |||
private SchoolNewsIBLL schoolNewsIBLL = new SchoolNewsBLL(); | |||
private CdMajorIBLL cdMajorIBLL = new CdMajorBLL(); | |||
private SchoolCalendarIBLL schoolCalendarIBLL = new SchoolCalendarBLL(); | |||
private StuSelectLessonListOfElectiveIBLL stuSelectLessonListOfElectiveIbll = | |||
new StuSelectLessonListOfElectiveBLL(); | |||
@@ -357,17 +362,12 @@ namespace Learun.Application.WebApi.Modules | |||
/// <returns></returns> | |||
private Response GetBriefIntroductionById(dynamic _) | |||
{ | |||
string companyId = Request.Query["companyId"]; | |||
if (string.IsNullOrEmpty(companyId)) | |||
{ | |||
return Fail("参数有误!"); | |||
} | |||
var result = companyIbll.GetEntity(companyId); | |||
var result = companyIbll.GetDetail(); | |||
if (result == null) | |||
return Fail("找不到数据!"); | |||
return Success("");//Fail("找不到数据!"); | |||
else | |||
{ | |||
return Success(result.F_BriefIntroduction); | |||
return Success(WebHelper.HtmlDecode(result.F_BriefIntroduction)); | |||
} | |||
} | |||
@@ -416,7 +416,7 @@ namespace Learun.Application.WebApi.Modules | |||
if (result != null) | |||
{ | |||
title = result.F_FullHead; | |||
time = result.F_ReleaseTime.HasValue? result.F_ReleaseTime.Value.ToString("yyyy-MM-dd"):""; | |||
time = result.F_ReleaseTime.HasValue ? result.F_ReleaseTime.Value.ToString("yyyy-MM-dd") : ""; | |||
desc = result.F_NewsContent; | |||
} | |||
break; | |||
@@ -452,6 +452,27 @@ namespace Learun.Application.WebApi.Modules | |||
return Success(obj); | |||
} | |||
/// <summary> | |||
/// 获取校历 | |||
/// </summary> | |||
/// <param name="_"></param> | |||
/// <returns></returns> | |||
public Response GetCalendarList(dynamic _) | |||
{ | |||
var result = schoolCalendarIBLL.GetList(); | |||
return Success(result); | |||
} | |||
/// <summary> | |||
/// 获取校历详情 | |||
/// </summary> | |||
/// <param name="_"></param> | |||
/// <returns></returns> | |||
public Response GetCalendarDetails(dynamic _) | |||
{ | |||
string keyValue = Request.Query["keyValue"]; | |||
var result = schoolCalendarIBLL.GetSchoolCalendarEntity(keyValue); | |||
return Success(result); | |||
} | |||
} | |||
} |
@@ -35,6 +35,11 @@ namespace Learun.Application.OA | |||
[Column("F_CONTENT")] | |||
public string F_Content { get; set; } | |||
/// <summary> | |||
/// 拾捡人 | |||
/// </summary> | |||
[Column("F_PICKER")] | |||
public string F_Picker { get; set; } | |||
/// <summary> | |||
/// 发布人员 | |||
/// </summary> | |||
[Column("F_CREATEUSERNAME")] | |||
@@ -50,7 +55,7 @@ namespace Learun.Application.OA | |||
[Column("F_CREATETIME")] | |||
public DateTime? F_CreateTime { get; set; } | |||
/// <summary> | |||
/// 状态 草稿0、已发布1、已认领2、撤下3 | |||
/// 状态 草稿0、待认领1、已认领2 | |||
/// </summary> | |||
[Column("F_STATE")] | |||
public int? F_State { get; set; } | |||
@@ -155,7 +155,7 @@ namespace Learun.Application.OA | |||
{ | |||
try | |||
{ | |||
//草稿0、已发布1、已认领2、撤下3 | |||
//草稿0、待认领1、已认领2 | |||
string sql = $"update LostArticleInfo set F_State=1 where F_LId='{keyValue}'"; | |||
this.BaseRepository().ExecuteBySql(sql); | |||
} | |||
@@ -180,9 +180,9 @@ namespace Learun.Application.OA | |||
{ | |||
try | |||
{ | |||
//草稿0、已发布1、已认领2、撤下3 | |||
//草稿0、待认领1、已认领2 | |||
UserInfo userInfo = LoginUserInfo.Get(); | |||
string sql = $@"update LostArticleInfo set F_State=3,F_User='{entity.F_User}',F_UserTime='{entity.F_UserTime}',F_ClaimImage='{entity.F_ClaimImage}', | |||
string sql = $@"update LostArticleInfo set F_State=2,F_User='{entity.F_User}',F_UserTime='{entity.F_UserTime}',F_ClaimImage='{entity.F_ClaimImage}', | |||
F_ManageUserId='{userInfo.userId}',F_ManageUserName='{userInfo.realName}' where F_LId='{keyValue}'"; | |||
this.BaseRepository().ExecuteBySql(sql); | |||
} | |||
@@ -207,8 +207,8 @@ namespace Learun.Application.OA | |||
{ | |||
try | |||
{ | |||
//草稿0、已发布1、已认领2、撤下3 | |||
string sql = $"update LostArticleInfo set F_State=3 where F_LId='{keyValue}'"; | |||
//草稿0、待认领1、已认领2 | |||
string sql = $"update LostArticleInfo set F_State=0 where F_LId='{keyValue}'"; | |||
this.BaseRepository().ExecuteBySql(sql); | |||
} | |||
catch (Exception ex) | |||
@@ -477,7 +477,7 @@ namespace Learun.Application.TwoDevelopment.AssetManagementSystem | |||
var Ass_AssetsInfoItemEntity = db.FindEntity<Ass_AssetsInfoItemEntity>(keyValue); | |||
var Ass_AssetsInfo = | |||
db.FindEntity<Ass_AssetsInfoEntity>(m => m.AId == Ass_AssetsInfoItemEntity.AId); | |||
if (Ass_AssetsInfo.HasDetail == true) | |||
if (Ass_AssetsInfo != null && Ass_AssetsInfo.HasDetail == true) | |||
{ | |||
//库存更新 | |||
var itemcount = db.FindList<Ass_AssetsInfoItemEntity>(m => m.AId == Ass_AssetsInfoItemEntity.AId).Count(m => m.AIIsInStorage == true); | |||
@@ -707,10 +707,10 @@ namespace Learun.Application.TwoDevelopment.AssetManagementSystem | |||
else | |||
{ | |||
entity.Create(); | |||
var assinfoEntity=new Ass_AssetsInfoEntity() | |||
var assinfoEntity = new Ass_AssetsInfoEntity() | |||
{ | |||
AName= entity.AIASSName, | |||
ATId=entity.AIASSClass, | |||
AName = entity.AIASSName, | |||
ATId = entity.AIASSClass, | |||
AModel = entity.AISpecificationtype, | |||
AManufacturer = entity.AIManufacturer, | |||
ASource = entity.AIAddType, | |||
@@ -48,7 +48,7 @@ namespace Learun.Application.TwoDevelopment.AssetManagementSystem | |||
/// REnabled | |||
/// </summary> | |||
[Column("RENABLED")] | |||
public bool? REnabled { get; set; } | |||
public int? REnabled { get; set; } | |||
#endregion | |||
#region 扩展操作 | |||