积分优化

src/app/my/add-task/add-task.component.html

@@ -98,7 +98,7 @@
       </ul>
     </div>
     <div class="part_wrapper part4" >
-      <div style="font-size: 18px;margin-bottom: 10px;">添加备注</div>
+      <div style="font-size: 18px;margin-bottom: 10px;">添加备注/日志</div>
       <textarea style="border:0;border-radius:5px;background:#f6f6f6;width: 100%;height: 100px;padding: 10px;resize: none;" [(ngModel)]="addTrack.notice"></textarea>
     </div>
   </div>

src/app/my/integration-detail/integration-detail.component.ts

@@ -11,12 +11,12 @@ export class IntegrationDetailComponent implements OnInit {
   integralGrantInfos:Array<any>;
   lists:Array<any>;
   status:number = 1;
-  searchDateFormat:Date = new Date(2022, 0);
-  searchDateEndFormat:Date = new Date();
+  searchDateFormat:Date = new Date(new Date().getFullYear(), 0);
+  searchDateEndFormat:Date = new Date(new Date().getFullYear(),new Date().getMonth() +1,0);
   constructor(private myService:MyService,private lifeCommonService:LifeCommonService) { }
 
   ngOnInit() {
-    this.queryPractitionerIntegralList(this.lifeCommonService.dateFormat(this.searchDateFormat,'yyyy-MM-01'),this.lifeCommonService.dateFormat(this.searchDateEndFormat,'yyyy-MM-01'));
+    this.queryPractitionerIntegralList(this.lifeCommonService.dateFormat(this.searchDateFormat,'yyyy-MM-01'),this.lifeCommonService.dateFormat(this.searchDateEndFormat,'yyyy-MM-dd'));
   }
   queryLists(status){
     this.status = status;
@@ -31,6 +31,7 @@ export class IntegrationDetailComponent implements OnInit {
   }
 
   onOk(result: Date) {
-    this.queryPractitionerIntegralList(this.lifeCommonService.dateFormat(this.searchDateFormat,'yyyy-MM-01'),this.lifeCommonService.dateFormat(this.searchDateEndFormat,'yyyy-MM-01'));
+    this.searchDateEndFormat = new Date(this.searchDateEndFormat.getFullYear(),this.searchDateEndFormat.getMonth() + 1,0);
+    this.queryPractitionerIntegralList(this.lifeCommonService.dateFormat(this.searchDateFormat,'yyyy-MM-01'),this.lifeCommonService.dateFormat(this.searchDateEndFormat,'yyyy-MM-dd'));
   }
 }

src/app/my/integration-rule/integration-rule.component.html

@@ -3,48 +3,48 @@
   <p>为了支持和激励各职级经纪人的从业行为，在公司基本法的佣奖之外，银盾特设立内部 积分制度，使用积分兑换相应公司福利。具体规则如下：</p>
   <h5>1. 适用范围及生效日</h5>
   <ul>
-    <li style="display: flex;"><span>（1）</span><span>适用范围：所有适用银盾基本法（含标准基本法和简单基本法）的寿险经纪人均 可享受积分福利。</span></li>
-    <li style="display: flex;"><span>（2）</span><span>生效日：该积分管理办法自 2022 年 3 月 1 日起试运行。</span></li>
+    <li style="display: flex;"><div>（1）</div><div>适用范围：所有适用银盾基本法（含标准基本法和简单基本法）的寿险经纪人均 可享受积分福利。</div></li>
+    <li style="display: flex;"><div>（2）</div><div>生效日：该积分管理办法自 2022 年 3 月 1 日起试运行。</div></li>
   </ul>
   <h5>2. 积分项目及积分数</h5>
   <ul class="rules">
     <li>
-      <span>项目</span>
-      <span>积分</span>
-      <span>说明</span>
+      <div>项目</div>
+      <div>积分</div>
+      <div>说明</div>
     </li>
     <li *ngFor="let item of integralRuleInfos">
-      <span>{{item.ruleName}}</span>
-      <span>{{item.integralNumber}}</span>
-      <span>{{item.ruleExplain}}</span>
+      <div>{{item.ruleName}}</div>
+      <div>{{item.integralNumber}}</div>
+      <div>{{item.ruleExplain}}</div>
     </li>
   </ul>
   <p>说明：</p>
   <ul>
-    <li style="display: flex;"><span>（1）</span><span>积分的发放：每季度初根据以上项目统计上季度情况，统一进行积分发放；</span></li>
-    <li style="display: flex;"><span>（2）</span><span>积分有效期：积分有效期至积分发放的次年末，举例：2022 年4 月发放的积分，有效期至2023 年12 月31 日。</span></li>
+    <li style="display: flex;"><div>（1）</div><div>积分的发放：每季度初根据以上项目统计上季度情况，统一进行积分发放；</div></li>
+    <li style="display: flex;"><div>（2）</div><div>积分有效期：积分有效期至积分发放的次年末，举例：2022 年4 月发放的积分，有效期至2023 年12 月31 日。</div></li>
   </ul>
   <h5>3. 积分兑换</h5>
   <p>经纪人可以用积分来兑换银盾内部的付费培训，旅游奖励等项目。银盾会公布支持积分兑换的项目以及需要的积分数。</p>
   <ul class="rules exchange">
     <li>
-      <span>积分可兑换的奖品</span>
-      <span>需支付的积分</span>
-      <span>说明</span>
-      <span>奖励兑现时间</span>
+      <div>积分可兑换的奖品</div>
+      <div>需支付的积分</div>
+      <div>说明</div>
+      <div>奖励兑现时间</div>
     </li>
     <li *ngFor="let item of integralExchangeRuleInfos">
-      <span>{{item.ruleName}}</span>
-      <span>{{item.integralNumber}}</span>
-      <span>{{item.ruleExplain}}</span>
-      <span>{{item.integralTimeDesc}}</span>
+      <div>{{item.ruleName}}</div>
+      <div>{{item.integralNumber}}</div>
+      <div>{{item.ruleExplain}}</div>
+      <div>{{item.integralTimeDesc}}</div>
     </li>
   </ul>
   <h5>4. 其他说明</h5>
   <ul>
-    <li style="display: flex;"><span>（1）</span><span>银盾运营部负责该积分管理办法的执行，包括发放与兑换，如有任何问题，请与运营部联系；</span></li>
-    <li style="display: flex;"><span>（2）</span><span>如根据业务的发展情况，需要修改该办法，公司将进行调整并公布最新版本；</span></li>
-    <li style="display: flex;"><span>（3）</span><span>本积分管理办法最终解释权利归上海银盾保险经纪有限公司所有。</span></li>
+    <li style="display: flex;"><div>（1）</div><div>银盾运营部负责该积分管理办法的执行，包括发放与兑换，如有任何问题，请与运营部联系；</div></li>
+    <li style="display: flex;"><div>（2）</div><div>如根据业务的发展情况，需要修改该办法，公司将进行调整并公布最新版本；</div></li>
+    <li style="display: flex;"><div>（3）</div><div>本积分管理办法最终解释权利归上海银盾保险经纪有限公司所有。</div></li>
   </ul>
 
 

src/app/my/integration-rule/integration-rule.component.scss

@@ -14,12 +14,17 @@
     ul.rules{
         li{
             display: flex;
-            span{
-                flex: 1;
-                text-align: center;
+            div{
                 border: 1px solid #666;
                 padding: 6px 2px;
-                white-space: wrap;
+                white-space: pre-wrap;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                text-align: center;
+                flex: 1;
+                width: 1%;
+                word-break: break-all;
                 &:nth-child(2){
                     border-left: none;
                     border-right: none;
@@ -30,19 +35,19 @@
                 color: #fff;
             }
             &:nth-child(2n){
-                span{
+                div{
                     border-top: none;
                     border-bottom: none;
                 }
             }
             &:last-child{
-                span{
+                div{
                     border-bottom: 1px solid #666;
                 }
             }
         }
         &.exchange{
-            span{
+            div{
                 &:nth-of-type(4){
                     border-left: none;
                 }