报表顶部样式调整

src/pages/report/custreport.vue

@@ -18,7 +18,7 @@
       <div class="reportcom-header-sub-two"></div>
     </div> -->
 
-<!-- 顶部标题栏 -->
+    <!-- 顶部标题栏 -->
     <div class="topbar">
       <div class="topbar_left">
         <svg class="icon" aria-hidden="true">
@@ -34,7 +34,7 @@
       </div>
     </div>
 
-<!-- 增加了 class="rpmain" 的div 包裹原有报表主体内容
+    <!-- 增加了 class="rpmain" 的div 包裹原有报表主体内容
 增加 class="rpdate" 的div 去实现原有的日期范围功能 -->
     <div class="rpmain">
       <div class="rpdate">2019.01 ~ 2019.06
@@ -43,6 +43,8 @@
             <use xlink:href="#icon-xuanze1"></use>
           </svg>
         </span>
+        <span class="rpdate_ch">本年</span>
+        <span class="rpdate_ch">上年</span>
       </div>
 
       <div class="report_selection">
@@ -234,6 +236,15 @@
     background-color: #f6f6f6;
   }
 
+  .rpdate_ch {
+    margin-left: 20px;
+    padding: 8px 15px;
+    color: #ffffff;
+    font-size: 12px;
+    background-color: #6495ed;
+    border-radius: 10px;
+  }
+
   .img_wap {
     display: flex;
     margin-top: 20px;

src/pages/taskview.vue

@@ -480,8 +480,8 @@
     name: 'taskview',
     data() {
       return {
-        tasktype: 3, //0-临时任务 1-客户走访 2-设备维护 3-单据关联 4-稽核检查
-        taskflag_dt: "已完成", //未完成,待验收,已验收 已完成 （3-单据关联 2-设备维护 这两类的任务，目前只有：未完成、已完成 这两个状态。其余类型的任务，如果设了不用验收，也是这两个状态）
+        tasktype: 0, //0-临时任务 1-客户走访 2-设备维护 3-单据关联 4-稽核检查
+        taskflag_dt: "未完成", //未完成,待验收,已验收 已完成 （3-单据关联 2-设备维护 这两类的任务，目前只有：未完成、已完成 这两个状态。其余类型的任务，如果设了不用验收，也是这两个状态）
         ifresponse: 0, //弹窗 0：不弹  1：完成任务界面 2：验收任务界面
         iffg: 0 //0-不是返工 1-返工
       }