一元捐后台管理项目活动发起未输入内容样式调整（线框和提示文字变红）

donate-console/src/main/webapp/resources/view/activity/activity_launch.html

@@ -46,7 +46,6 @@
         font-size: 14px;
         color: #323232;
         border-radius: 0;
-        border: 1px solid #dcdcdc;
         /*z-index: 1000;*/
     }
     .content-setting .form-group input.activePrice{
@@ -89,8 +88,8 @@
         top: 1px;
         left: 1px;
         width:28px;
-        height: 28px;
-        line-height: 28px;
+        height: 26px;
+        line-height: 26px;
         text-align: center;
         font-size: 14px;
         color: #323232;
@@ -614,6 +613,15 @@
         font-size: 12px !important;
         color: red !important;
     }
+    .showEmpty{
+       border: 1px dashed red;
+    }
+    .content-setting .form-group input:focus {
+        border: 1px solid #66afe9 !important ;
+        outline: 0;
+        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
+        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
+    }
 
     /* datepicker 今天按钮隐藏，清除按钮样式修改 */
     div.active-time ul.dropdown-menu span.btn-group.pull-left>button.btn:first-child{
@@ -640,9 +648,9 @@
                 <div class="content-setting">
                     <div class="form-group clearfix">
                         <label class="control-label fl">活动标题</label>
-                        <input type="text" class="form-control fl" name="activityName" maxlength="40" ng-model="activity.name" required/>
+                        <input type="text" class="form-control fl" name="activityName" maxlength="40" ng-model="activity.name" required ng-class="{'showEmpty': submited && activityForm.activityName.$error.required}"/>
 
-                        <span class="error" ng-show="submited && activityForm.activityName.$error.required" style="color: red">*活动标题不能为空</span>
+                        <span class="error" ng-show="submited && activityForm.activityName.$error.required">*活动标题不能为空</span>
                     </div>
                     <div class="form-group clearfix">
                         <label class="control-label fl">活动时间</label>
@@ -653,7 +661,8 @@
                                    ng-required="true" max-date="activity.endTime"
                                    current-text="今天" clear-text="清除" close-text="关闭"
                                    datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
-                                   ng-click="openDatePicker($event, activity, '$startTimeOpened')">
+                                   ng-click="openDatePicker($event, activity, '$startTimeOpened')"
+                                   ng-class="{'showEmpty' : submited && activity.startTime == null}">
                             <span class="fl"  style="margin-left: 5px;">至</span>
                             <input type="text" ng-model="activity.endTime" readonly required
                                    class="date-choose f1 form-control" placeholder="结束时间" title="选择活动开始时间后可选此项"
@@ -661,7 +670,8 @@
                                    ng-required="true" ng-disabled="activity.startTime == null"
                                    current-text="今天" clear-text="清除" close-text="关闭"
                                    datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
-                                   ng-click="openDatePicker($event, activity, '$endTimeOpened')">
+                                   ng-click="openDatePicker($event, activity, '$endTimeOpened')"
+                                   ng-class="{'showEmpty' : submited && activity.endTime == null}">
 
                             <span class="error" ng-show="submited && activity.startTime == null">*请选择活动开始时间</span>
                             <span class="error" ng-show="submited && activity.endTime == null">*请选择活动结束时间</span>
@@ -677,7 +687,8 @@
                                    ng-required="true" min-date="activity.startTime" max-date="activity.endTime"
                                    current-text="今天" clear-text="清除" close-text="关闭" ng-disabled="activity.startTime == null || activity.endTime == null"
                                    datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
-                                   ng-click="openDatePicker($event, activity, '$receiveStartTimeOpened')">
+                                   ng-click="openDatePicker($event, activity, '$receiveStartTimeOpened')"
+                                   ng-class="{'showEmpty' : submited && activity.receiveStartTime == null}">
                             <span class="fl" style="margin-left: 5px;">至</span>
                             <input type="text" ng-model="activity.receiveEndTime" readonly required
                                    class="date-choose f1 form-control" placeholder="截止兑奖时间"  title="选择兑奖开始时间之后可选此项"
@@ -685,7 +696,8 @@
                                    ng-required="true" min-date="activity.receiveStartTime" max-date="activity.endTime"
                                    current-text="今天" clear-text="清除" close-text="关闭" ng-disabled="activity.receiveStartTime == null"
                                    datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
-                                   ng-click="openDatePicker($event, activity, '$receiveEndTimeOpened')">
+                                   ng-click="openDatePicker($event, activity, '$receiveEndTimeOpened')"
+                                   ng-class="{'showEmpty' : submited && activity.receiveEndTime == null}">
 
                             <span class="error" ng-show="submited && activity.receiveStartTime == null">*请选择开始兑奖时间</span>
                             <span class="error" ng-show="submited && activity.receiveEndTime == null">*请选择截止兑奖时间</span>
@@ -744,19 +756,22 @@
                                 </div>
                                 <div class="award-detail clearfix">
                                     <span class="fl">简介</span>
-                                    <input type="text" ng-model="award.awardSummary" maxlength="100" class="fl form-control" required>
+                                    <input type="text" ng-model="award.awardSummary" maxlength="100" class="fl form-control" required
+                                                       ng-class="{'showEmpty' : submited && award.awardSummary == null}"/>
 
                                     <span class="error" ng-show="submited && award.awardSummary == null">*活动奖品的简介不能为空</span>
                                 </div>
                                 <div class="award-detail clearfix">
                                     <span class="fl">数量</span>
-                                    <input ng-pattern="/^[1-9]\d*$/" type="text" ng-model="award.amount" class="fl form-control" required>
+                                    <input ng-pattern="/^[1-9]\d*$/" type="text" ng-model="award.amount" class="fl form-control" required
+                                           ng-class="{'showEmpty' : submited && award.amount == null}"/>
 
                                     <span class="error" ng-show="submited && award.amount == null">*活动奖品的数量不能为空</span>
                                 </div>
                                 <div class="award-detail clearfix">
                                     <span class="fl">奖品等级</span>
-                                    <input type="text" ng-model="award.awardLevel" maxlength="10" class="fl form-control" required>
+                                    <input type="text" ng-model="award.awardLevel" maxlength="10" class="fl form-control" required
+                                                       ng-class="{'showEmpty' : 'submited && award.awardLevel == null'}"/>
 
                                     <span class="error" ng-show="submited && award.awardLevel == null">*活动奖品的奖品等级不能为空</span>
                                 </div>