普通项目管理接口；分标委页面；工作组项目会议维护页面

src/views/projectManagement/WorkingGroupProjectManagement.vue

@@ -16,7 +16,7 @@
           </a-col>
           <a-col :xl="6" :lg="7" :md="8" :sm="24">
             <a-form-item label="运行年份" :labelCol="labelCol" :wrapperCol="wrapperCol">
-              <j-date show-type="year" date-format="YYYY" placeholder="请选择运行年份" v-model="queryParam.year"></j-date>
+              <j-year-date style="width:100%" placeholder="请选择运行年份" v-model="queryParam.year"></j-year-date>
             </a-form-item>
           </a-col>
           <a-col :xl="6" :lg="7" :md="8" :sm="24">
@@ -28,20 +28,34 @@
         </a-row>
       </a-form>
     </div>
-    <!--    查询区域-end-->
+    <!--    /查询区域-end-->
 
     <!--    操作按钮区域-->
     <div class="table-operator">
       <a-button type="primary" icon="plus" @click="handleAdd">新增</a-button>
       <a-button type="danger" icon="delete" @click="batchDel">批量删除</a-button>
+
+      <!--      进度条tooltip-->
+      <div class="tooltip">
+        <div class="tooltip-item">
+          <div class="tooltip-color tooltip-pay-in-full"></div>
+          <span>已付全款</span>
+        </div>
+        <div class="tooltip-item">
+          <div class="tooltip-color tooltip-partial-payment"></div>
+          <span>部分付款</span>
+        </div>
+        <div class="tooltip-item">
+          <div class="tooltip-color tooltip-non-payment"></div>
+          <span>未付款</span>
+        </div>
+      </div>
+      <!--      /进度条tooltip-->
     </div>
-    <!--    操作按钮区域-end-->
+    <!--    /操作按钮区域-end-->
 
     <!--    table表格区域-->
     <div>
-      <div class="">
-
-      </div>
       <a-table
           ref="table"
           size="middle"
@@ -77,20 +91,21 @@
         </span>
       </a-table>
     </div>
+    <!--    /table表格区域-->
     <working-group-project-module ref="modalForm" @ok="modalFormOk"></working-group-project-module>
   </a-card>
 </template>
 
 <script>
 import { JeroListMixin } from '@/mixins/JeroListMixin'
-import JDate from '@comp/jero/JDate'
+import JYearDate from '@comp/jero/JYearDate'
 import WorkingGroupProjectModule from '@views/projectManagement/modules/WorkingGroupProjectModule'
 import SelectPrincipal from '@comp/company/SelectPrincipal'
 import ProgressBar from '@comp/ProgressBar'
 
 export default {
   name: 'WorkingGroupProjectManagement',
-  components: { JDate, WorkingGroupProjectModule, SelectPrincipal, ProgressBar },
+  components: { JYearDate, WorkingGroupProjectModule, SelectPrincipal, ProgressBar },
   mixins: [JeroListMixin],
   data() {
     return {
@@ -151,7 +166,7 @@ export default {
           post: {
             payInFull: 10,
             partialPayment: 8,
-            nonPayment: 12,
+            nonPayment: 12
           }
         }
       ]
@@ -194,4 +209,38 @@ export default {
     cursor: pointer;
   }
 }
+
+.tooltip {
+  float: right;
+  width: auto;
+  display: flex;
+  justify-content: flex-end;
+  align-items: flex-end;
+  height: 40px;
+
+  &-item {
+    margin-right: 10px;
+    display: flex;
+    align-items: center;
+  }
+
+  &-color {
+    width: 15px;
+    height: 15px;
+    margin-right: 5px;
+    border-radius: 2px;
+  }
+
+  &-pay-in-full {
+    background-color: rgb(7, 168, 161);
+  }
+
+  &-partial-payment {
+    background-color: rgb(0, 133, 192);
+  }
+
+  &-non-payment {
+    background-color: rgb(232, 232, 232);
+  }
+}
 </style>