+
-
@Html.AppendJsFile("/Areas/EducationalAdministration/Views/Exam_ExamPlanLesson/Form.js")
diff --git a/Learun.Framework.Ultimate V7/Learun.Application.Web/Areas/EducationalAdministration/Views/Exam_ExamPlanLesson/FormClass.cshtml b/Learun.Framework.Ultimate V7/Learun.Application.Web/Areas/EducationalAdministration/Views/Exam_ExamPlanLesson/FormClass.cshtml
new file mode 100644
index 000000000..dd0fbe7c9
--- /dev/null
+++ b/Learun.Framework.Ultimate V7/Learun.Application.Web/Areas/EducationalAdministration/Views/Exam_ExamPlanLesson/FormClass.cshtml
@@ -0,0 +1,44 @@
+@{
+ ViewBag.Title = "添加排考班级";
+ Layout = "~/Views/Shared/_Index.cshtml";
+}
+
+@Html.AppendJsFile("/Areas/EducationalAdministration/Views/Exam_ExamPlanLesson/FormClass.js")
diff --git a/Learun.Framework.Ultimate V7/Learun.Application.Web/Areas/EducationalAdministration/Views/Exam_ExamPlanLesson/FormClass.js b/Learun.Framework.Ultimate V7/Learun.Application.Web/Areas/EducationalAdministration/Views/Exam_ExamPlanLesson/FormClass.js
new file mode 100644
index 000000000..7b7d46cd6
--- /dev/null
+++ b/Learun.Framework.Ultimate V7/Learun.Application.Web/Areas/EducationalAdministration/Views/Exam_ExamPlanLesson/FormClass.js
@@ -0,0 +1,149 @@
+
+var refreshGirdData;
+var acceptClick;
+//考试安排课程表Id
+var EPLId = request('EPLId');
+var EPId = request('EPId');
+var bootstrap = function ($, learun) {
+ "use strict";
+ var page = {
+ init: function () {
+ page.initGird();
+ page.bind();
+ },
+ bind: function () {
+ $('#multiple_condition_query').lrMultipleQuery(function (queryJson) {
+ page.search(queryJson);
+ }, 220, 400);
+ $('#DeptNo').lrDataSourceSelect({ code: 'CdDeptInfo', value: 'deptno', text: 'deptname' });
+ $('#MajorNo').lrDataSourceSelect({ code: 'CdMajorInfo', value: 'majorno', text: 'majorname' });
+ // 刷新
+ $('#lr_refresh').on('click', function () {
+ location.reload();
+ });
+
+ },
+ // 初始化列表
+ initGird: function () {
+ $('#gridtable').jfGrid({
+ url: top.$.rootUrl + '/EducationalAdministration/ClassInfo/GetPageList',
+ headData: [
+ { label: "班级名称", name: "ClassName", width: 200, align: "left" },
+ { label: "班级代码", name: "ClassNo", width: 100, align: "left" },
+ {
+ label: "系部", name: "DeptNo", width: 200, align: "left",
+ formatterAsync: function (callback, value, row, op, $cell) {
+ learun.clientdata.getAsync('custmerData', {
+ url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'CdDeptInfo',
+ key: value,
+ keyId: 'deptno',
+ callback: function (_data) {
+ callback(_data['deptname']);
+ }
+ });
+ }
+ },
+ {
+ label: "专业", name: "MajorNo", width: 200, align: "left",
+ formatterAsync: function (callback, value, row, op, $cell) {
+ learun.clientdata.getAsync('custmerData', {
+ url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'CdMajorInfo',
+ key: value,
+ keyId: 'majorno',
+ callback: function (_data) {
+ callback(_data['majorname']);
+ }
+ });
+ }
+ },
+ { label: "默认教室", name: "SerialNum", width: 100, align: "left" },
+ {
+ label: "班级类型", name: "ClassType", width: 100, align: "left",
+ formatterAsync: function (callback, value, row, op, $cell) {
+ learun.clientdata.getAsync('dataItem', {
+ key: value,
+ code: 'ClassType',
+ callback: function (_data) {
+ callback(_data.text);
+ }
+ });
+ }
+
+ },
+ { label: "年级", name: "Grade", width: 80, align: "center" },
+ { label: "学生人数", name: "StuNum", width: 80, align: "left" },
+ {
+ label: "班主任", name: "ClassDiredctorNo", width: 100, align: "left",
+ formatterAsync: function (callback, value, row, op, $cell) {
+ learun.clientdata.getAsync('custmerData', {
+ url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'teacheruserdata',
+ key: value,
+ keyId: 'f_encode',
+ callback: function (_data) {
+ callback(_data['f_realname']);
+ }
+ });
+ }
+ },
+ {
+ label: "辅导员", name: "ClassTutorNo", width: 100, align: "left",
+ formatterAsync: function (callback, value, row, op, $cell) {
+ learun.clientdata.getAsync('custmerData', {
+ url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'teacheruserdata',
+ key: value,
+ keyId: 'f_encode',
+ callback: function (_data) {
+ callback(_data['f_realname']);
+ }
+ });
+ }
+ },
+ ],
+ mainId: 'ClassId',
+ isPage: true,
+ isMultiselect: true,
+ sidx: 'ClassNo',
+ sord: 'ASC'
+ });
+ page.search();
+ },
+ search: function (param) {
+ param = param || {};
+ //考试安排课程表Id
+ param.EPLId = EPLId;
+ param.SqlParameter = " and CheckMark=1";
+ $('#gridtable').jfGridSet('reload', { queryJson: JSON.stringify(param) });
+ }
+ };
+ refreshGirdData = function () {
+ page.search();
+ };
+ // 保存数据
+ acceptClick = function (callBack) {
+ var selectedRow = $('#gridtable').jfGridGet('rowdata');
+ var list = [];
+ $.each(selectedRow,
+ function (i, item) {
+ var entity = {
+ ClassName: item.ClassName,
+ ClassNo: item.ClassNo,
+ ClassStuNum: item.StuNum,
+ EPCId: learun.newGuid(),
+ EPLId: EPLId
+ }
+ list.push(entity);
+
+ });
+ $.lrSaveForm(top.$.rootUrl + '/EducationalAdministration/Exam_ExamPlanLesson/SaveClass?EPLId=' + EPLId,
+ { list: list }), function (res) {
+ // 保存成功后才回调
+ if (!!callBack) {
+ callBack();
+ }
+ };
+ if (!!callBack) {
+ callBack();
+ }
+ };
+ page.init();
+}
diff --git a/Learun.Framework.Ultimate V7/Learun.Application.Web/Areas/EducationalAdministration/Views/Exam_ExamPlanLesson/FormRoom.cshtml b/Learun.Framework.Ultimate V7/Learun.Application.Web/Areas/EducationalAdministration/Views/Exam_ExamPlanLesson/FormRoom.cshtml
new file mode 100644
index 000000000..f4697b424
--- /dev/null
+++ b/Learun.Framework.Ultimate V7/Learun.Application.Web/Areas/EducationalAdministration/Views/Exam_ExamPlanLesson/FormRoom.cshtml
@@ -0,0 +1,44 @@
+@{
+ ViewBag.Title = "添加排考考场";
+ Layout = "~/Views/Shared/_Index.cshtml";
+}
+
+@Html.AppendJsFile("/Areas/EducationalAdministration/Views/Exam_ExamPlanLesson/FormRoom.js")
diff --git a/Learun.Framework.Ultimate V7/Learun.Application.Web/Areas/EducationalAdministration/Views/Exam_ExamPlanLesson/FormRoom.js b/Learun.Framework.Ultimate V7/Learun.Application.Web/Areas/EducationalAdministration/Views/Exam_ExamPlanLesson/FormRoom.js
new file mode 100644
index 000000000..9b4ec8238
--- /dev/null
+++ b/Learun.Framework.Ultimate V7/Learun.Application.Web/Areas/EducationalAdministration/Views/Exam_ExamPlanLesson/FormRoom.js
@@ -0,0 +1,106 @@
+
+var refreshGirdData;
+var acceptClick;
+//考试安排课程表Id
+var EPLId = request('EPLId');
+var EPId = request('EPId');
+var bootstrap = function ($, learun) {
+ "use strict";
+ var page = {
+ init: function () {
+ page.initGird();
+ page.bind();
+ },
+ bind: function () {
+ $('#multiple_condition_query').lrMultipleQuery(function (queryJson) {
+ page.search(queryJson);
+ }, 220, 400);
+ $('#AcademicYearNo').lrselect({
+ placeholder: "学年",
+ allowSearch: true,
+ url: top.$.rootUrl + '/EducationalAdministration/EADateArrange/GetAcademicYearNo',
+ value: 'value',
+ text: 'text'
+ });
+ //学期
+ $('#Semester').lrselect({
+ placeholder: "学期",
+ url: top.$.rootUrl + '/EducationalAdministration/EADateArrange/GetSemester',
+ value: 'value',
+ text: 'text'
+ });
+ // 刷新
+ $('#lr_refresh').on('click', function () {
+ location.reload();
+ });
+
+ },
+ // 初始化列表
+ initGird: function () {
+ $('#gridtable').jfGrid({
+ url: top.$.rootUrl + '/EducationalAdministration/Exam_ExamRoom/GetPageList',
+ headData: [
+ { label: "学年", name: "AcademicYearNo", width: 100, align: "left" },
+ { label: "学期", name: "Semester", width: 100, align: "left" },
+ { label: "考场编号", name: "ClassroomNo", width: 100, align: "left" },
+ { label: "考场名称", name: "ClassroomName", width: 200, align: "left" },
+ { label: "座位行数", name: "SeatRows", width: 100, align: "left" },
+ { label: "座位列数", name: "SeatColumns", width: 100, align: "left" },
+ { label: "考场座位数", name: "SeatCount", width: 100, align: "left" },
+ //{
+ // label: "是否启用", name: "EREnabled", width: 100, align: "left",
+ // formatter: function (cellvalue) {
+ // return cellvalue == 1 ? "
" : "
";
+ // }
+ //},
+ ],
+ mainId: 'ERId',
+ isPage: true,
+ //isMultiselect: true,
+
+ });
+ page.search();
+ },
+ search: function (param) {
+ param = param || {};
+ //考试安排课程表Id
+ param.EPLId = EPLId;
+ param.SqlParameter = " and t.EREnabled=1";
+ $('#gridtable').jfGridSet('reload', { queryJson: JSON.stringify(param) });
+ }
+ };
+ refreshGirdData = function () {
+ page.search();
+ };
+ // 保存数据
+ acceptClick = function (callBack) {
+ var selectedRow = $('#gridtable').jfGridGet('rowdata');
+ learun.layerClose(window.name);
+ callBack(selectedRow);
+ //var list = [];
+ //$.each(selectedRow,
+ // function (i, item) {
+ // var entity = {
+ // ClassroomName: item.ClassroomName,
+ // ClassroomNo: item.ClassroomNo,
+ // SeatCount: item.SeatCount,
+ // EPRId: learun.newGuid(),
+ // EPLId: EPLId
+ // }
+ // list.push(entity);
+
+ // });
+ //$.lrSaveForm(top.$.rootUrl + '/EducationalAdministration/Exam_ExamPlanLesson/SaveRoom?EPLId=' + EPLId,
+ // { list: list }), function (res) {
+ // // 保存成功后才回调
+ // if (!!callBack) {
+ // callBack();
+ // }
+ // };
+
+ //if (!!callBack) {
+ // callBack();
+ //}
+ };
+ page.init();
+}
diff --git a/Learun.Framework.Ultimate V7/Learun.Application.Web/Areas/EducationalAdministration/Views/Exam_ExamPlanLesson/FormRoomTeacher.cshtml b/Learun.Framework.Ultimate V7/Learun.Application.Web/Areas/EducationalAdministration/Views/Exam_ExamPlanLesson/FormRoomTeacher.cshtml
new file mode 100644
index 000000000..b4257ae8d
--- /dev/null
+++ b/Learun.Framework.Ultimate V7/Learun.Application.Web/Areas/EducationalAdministration/Views/Exam_ExamPlanLesson/FormRoomTeacher.cshtml
@@ -0,0 +1,28 @@
+@{
+ ViewBag.Title = "添加排考考场";
+ Layout = "~/Views/Shared/_Form.cshtml";
+}
+
+@Html.AppendJsFile("/Areas/EducationalAdministration/Views/Exam_ExamPlanLesson/FormRoomTeacher.js")
diff --git a/Learun.Framework.Ultimate V7/Learun.Application.Web/Areas/EducationalAdministration/Views/Exam_ExamPlanLesson/FormRoomTeacher.js b/Learun.Framework.Ultimate V7/Learun.Application.Web/Areas/EducationalAdministration/Views/Exam_ExamPlanLesson/FormRoomTeacher.js
new file mode 100644
index 000000000..302f0a453
--- /dev/null
+++ b/Learun.Framework.Ultimate V7/Learun.Application.Web/Areas/EducationalAdministration/Views/Exam_ExamPlanLesson/FormRoomTeacher.js
@@ -0,0 +1,163 @@
+
+//考试安排课程表Id
+var EPLId = request('EPLId');
+var EPId = request('EPId');
+var keyValue = request('keyValue');
+var acceptClick;
+// 设置表单数据
+var setFormData;
+// 验证数据是否填写完整
+var validForm;
+// 保存数据
+var save;
+var refreshGirdData;
+var refreshRoomData;
+var selectedRow;
+var tempdatra = new Array();
+var bootstrap = function ($, learun) {
+ "use strict";
+ var page = {
+ init: function () {
+ $('.lr-form-wrap').lrscroll();
+ $("#detailadd").on('click', function () {
+ selectedRow = null;
+ learun.layerForm({
+ id: 'formitem',
+ title: '新增明细',
+ url: top.$.rootUrl + '/EducationalAdministration/Exam_ExamPlanLesson/FormTeacher?EPLId=' + EPLId + '&EPRId=' + keyValue,
+ width: 860,
+ height: 600,
+ callBack: function (id) {
+ return top[id].acceptClick(refreshGirdData);
+ }
+ });
+ });
+ $("#detaildel").on('click', function () {
+ var keyValue = $('#Exam_ExamPlanTeacher').jfGridValue('EmpNo');
+ if (learun.checkrow(keyValue)) {
+ learun.layerConfirm('是否确认删除该项!', function (res, index) {
+ if (res) {
+ $.each(tempdatra, function (key, val) {
+ if (!!val && val.EmpNo === keyValue) {
+ tempdatra.splice(key, 1);
+ }
+ });
+ $('#Exam_ExamPlanTeacher').jfGridSet('refreshdata', tempdatra);
+ top.layer.close(index);
+ }
+ });
+ }
+ });
+ page.bind();
+ page.initData();
+ },
+ bind: function () {
+ $("#selectRoom").on('click', function () {
+ selectedRow = null;
+ learun.layerForm({
+ id: 'formroom1',
+ title: '新增考场',
+ url: top.$.rootUrl + '/EducationalAdministration/Exam_ExamPlanLesson/FormRoom?EPLId=' + EPLId,
+ width: 850,
+ height: 500,
+ callBack: function (id) {
+ return top[id].acceptClick(refreshRoomData);
+ }
+ });
+ });
+
+ $('#Exam_ExamPlanTeacher').jfGrid({
+ headData: [
+ {
+ label: '编号', name: 'EmpNo', width: 150, align: 'left'
+ },
+ {
+ label: '姓名', name: 'EmpName', width: 150, align: 'left'
+ }
+ ],
+ height: 400,
+ mainId: 'AAIId',
+ reloadSelected: false,
+ });
+ },
+ initData: function () {
+ if (!!keyValue) {
+ $.lrSetForm(
+ top.$.rootUrl + '/EducationalAdministration/Exam_ExamPlanLesson/GetFormRoom?keyValue=' + keyValue,
+ function (data) {
+ tempdatra = [];
+ for (var id in data) {
+ if (!!data[id].length && data[id].length > 0) {
+ $('#' + id).jfGridSet('refreshdata', data[id]);
+
+ } else {
+ $('[data-table="' + id + '"]').lrSetFormData(data[id]);
+ var empnoArr = data[id].EmpNo.split(',');
+ var empnameArr = data[id].EmpName.split(',');
+ $.each(empnoArr, function (i, val) {
+ tempdatra.push({ EmpNo: val, EmpName: empnameArr[i] });
+ });
+ $('#Exam_ExamPlanTeacher').jfGridSet('refreshdata', tempdatra);
+ }
+ }
+ });
+ }
+ }
+ };
+ refreshGirdData = function (temprow) {
+ //console.log('temprow', temprow);
+ //求数组并集
+ //两数组连接(包括重复值)
+ var arr3 = tempdatra.concat(temprow);
+ //var result = [];
+ var obj = [];
+ //去重
+ tempdatra = arr3.reduce(function (prev, cur, index, arr) {
+ //console.log(prev, cur);
+ obj[cur.EmpNo] ? '' : obj[cur.EmpNo] = true && prev.push(cur);
+ return prev;
+ }, []);
+ $('#Exam_ExamPlanTeacher').jfGridSet('refreshdata', tempdatra);
+ };
+ refreshRoomData = function (temprow) {
+ // console.log('teacherRow', temprow);
+ learun.httpAsyncGet(top.$.rootUrl + '/EducationalAdministration/Exam_ExamPlanLesson/ValidateRoom?EPLId=' + EPLId + '&ClassroomNo=' + temprow.ClassroomNo, function (res) {
+
+ if (res.data == true) {
+ return learun.alert.warning("考场不可重复选择!");
+ } else {
+ $("#ClassroomName").val(temprow.ClassroomName);
+ $('#ClassroomNo').val(temprow.ClassroomNo);
+ $('#SeatCount').val(temprow.SeatCount);
+ }
+ });
+ };
+ // 验证数据是否填写完整
+ validForm = function () {
+ if (!$('.lr-form-wrap').lrValidform()) {
+ return false;
+ }
+ var datas = $('#Exam_ExamPlanTeacher').jfGridGet('rowdatas');
+ if (datas == null || datas.length == 0) {
+ learun.alert.warning("请先新增监考老师!");
+ return false;
+ }
+ return true;
+ };
+ // 保存数据
+ acceptClick = function (callBack, i) {
+ var postData = {};
+ var formData = $('[data-table="Exam_ExamPlanRoom"]').lrGetFormData();
+ formData.EPLId = EPLId;
+ postData.strEntity = JSON.stringify(formData);
+ postData.Exam_ExamPlanTeacherList = JSON.stringify($('#Exam_ExamPlanTeacher').jfGridGet('rowdatas'));
+
+ $.lrSaveForm(top.$.rootUrl + '/EducationalAdministration/Exam_ExamPlanLesson/SaveRoomAndTeacher?keyValue=' + keyValue, postData, function (res) {
+ // 保存成功后才回调
+ if (!!callBack) {
+ callBack(res, formData, i);
+ }
+ });
+ };
+ page.init();
+}
diff --git a/Learun.Framework.Ultimate V7/Learun.Application.Web/Areas/EducationalAdministration/Views/Exam_ExamPlanLesson/FormTeacher.cshtml b/Learun.Framework.Ultimate V7/Learun.Application.Web/Areas/EducationalAdministration/Views/Exam_ExamPlanLesson/FormTeacher.cshtml
new file mode 100644
index 000000000..7800bb401
--- /dev/null
+++ b/Learun.Framework.Ultimate V7/Learun.Application.Web/Areas/EducationalAdministration/Views/Exam_ExamPlanLesson/FormTeacher.cshtml
@@ -0,0 +1,44 @@
+@{
+ ViewBag.Title = "添加排考监考老师";
+ Layout = "~/Views/Shared/_Index.cshtml";
+}
+
+@Html.AppendJsFile("/Areas/EducationalAdministration/Views/Exam_ExamPlanLesson/FormTeacher.js")
diff --git a/Learun.Framework.Ultimate V7/Learun.Application.Web/Areas/EducationalAdministration/Views/Exam_ExamPlanLesson/FormTeacher.js b/Learun.Framework.Ultimate V7/Learun.Application.Web/Areas/EducationalAdministration/Views/Exam_ExamPlanLesson/FormTeacher.js
new file mode 100644
index 000000000..93d2ea740
--- /dev/null
+++ b/Learun.Framework.Ultimate V7/Learun.Application.Web/Areas/EducationalAdministration/Views/Exam_ExamPlanLesson/FormTeacher.js
@@ -0,0 +1,105 @@
+
+var refreshGirdData;
+var acceptClick;
+//考试安排课程表Id
+var EPLId = request('EPLId');
+//安排考场表Id
+var EPRId = request('EPRId');
+var bootstrap = function ($, learun) {
+ "use strict";
+ var page = {
+ init: function () {
+ page.initGird();
+ page.bind();
+ },
+ bind: function () {
+ $('#multiple_condition_query').lrMultipleQuery(function (queryJson) {
+ page.search(queryJson);
+ }, 220, 400);
+ $('#AcademicYearNo').lrselect({
+ placeholder: "学年",
+ allowSearch: true,
+ url: top.$.rootUrl + '/EducationalAdministration/EADateArrange/GetAcademicYearNo',
+ value: 'value',
+ text: 'text'
+ });
+ //学期
+ $('#Semester').lrselect({
+ placeholder: "学期",
+ url: top.$.rootUrl + '/EducationalAdministration/EADateArrange/GetSemester',
+ value: 'value',
+ text: 'text'
+ });
+ // 刷新
+ $('#lr_refresh').on('click', function () {
+ location.reload();
+ });
+
+ },
+ // 初始化列表
+ initGird: function () {
+ $('#gridtable').jfGrid({
+ url: top.$.rootUrl + '/EducationalAdministration/Exam_InvigilateTeacher/GetPageList',
+ headData: [
+ { label: "学年", name: "AcademicYearNo", width: 100, align: "left" },
+ { label: "学期", name: "Semester", width: 100, align: "left" },
+ { label: "教师编号", name: "EmpNo", width: 100, align: "left" },
+ { label: "教师姓名", name: "EmpName", width: 100, align: "left" },
+ {
+ label: "是否启用", name: "ITEnabled", width: 100, align: "left",
+ formatter: function (cellvalue) {
+ return cellvalue == 1 ? "
" : "
";
+ }
+ },
+ ],
+ mainId: 'ITId',
+ isPage: true,
+ isMultiselect: true,
+ });
+ page.search();
+ },
+ search: function (param) {
+ param = param || {};
+ //考试安排课程表Id
+ param.EPLId = EPLId;
+ //安排考场表Id
+ param.EPRId = EPRId;
+ param.SqlParameter = " and t.ITEnabled=1";
+ $('#gridtable').jfGridSet('reload', { queryJson: JSON.stringify(param) });
+ }
+ };
+ refreshGirdData = function () {
+ page.search();
+ };
+ // 保存数据
+ acceptClick = function (callBack) {
+ var selectedRow = $('#gridtable').jfGridGet('rowdata');
+ learun.layerClose(window.name);
+ callBack(selectedRow);
+ //var list = [];
+ //$.each(selectedRow,
+ // function (i, item) {
+ // var entity = {
+ // ClassroomName: item.ClassroomName,
+ // ClassroomNo: item.ClassroomNo,
+ // SeatCount: item.SeatCount,
+ // EPRId: learun.newGuid(),
+ // EPLId: EPLId
+ // }
+ // list.push(entity);
+
+ // });
+ //$.lrSaveForm(top.$.rootUrl + '/EducationalAdministration/Exam_ExamPlanLesson/SaveRoom?EPLId=' + EPLId,
+ // { list: list }), function (res) {
+ // // 保存成功后才回调
+ // if (!!callBack) {
+ // callBack();
+ // }
+ // };
+
+ //if (!!callBack) {
+ // callBack();
+ //}
+ };
+ page.init();
+}
diff --git a/Learun.Framework.Ultimate V7/Learun.Application.Web/Areas/EducationalAdministration/Views/Exam_ExamPlanLesson/Index.cshtml b/Learun.Framework.Ultimate V7/Learun.Application.Web/Areas/EducationalAdministration/Views/Exam_ExamPlanLesson/Index.cshtml
index 9e048ef21..8d6d102b6 100644
--- a/Learun.Framework.Ultimate V7/Learun.Application.Web/Areas/EducationalAdministration/Views/Exam_ExamPlanLesson/Index.cshtml
+++ b/Learun.Framework.Ultimate V7/Learun.Application.Web/Areas/EducationalAdministration/Views/Exam_ExamPlanLesson/Index.cshtml
@@ -13,17 +13,24 @@
width: 50%;
padding-left: 10px;
}
+
.tbTitle {
float: left;
line-height: 32px;
color: #666;
padding-left: 15px;
}
+
+ .examTimeShow {
+ line-height: 60px;
+ font-size: 12px;
+ margin-right: 15px;
+ }