chore: 首页积分排行调整

src/views/home/components/map/index.vue

@@ -1,11 +1,17 @@
 <template>
   <div class="h-full">
-	<div class="c-title">
-		 <span>积分排行榜</span>
-		<el-date-picker v-model="year" type="year" placeholder="选择年" style="padding-left: 40px;">
-		</el-date-picker>
-	</div>
-    <div class="flex align-middle ">
+    <div class="c-title">
+      <span>积分排行榜</span>
+      <el-date-picker
+        size="mini"
+        v-model="year"
+        type="year"
+        placeholder="选择年"
+        style="padding-left: 40px"
+      >
+      </el-date-picker>
+    </div>
+    <div class="flex align-middle">
       <!--el-button type="primary" style="margin-left: 4px">导出</el-button-->
       <el-button @click="back" type="text" v-if="currentMap != '衡阳市'"
         >返回></el-button

src/views/home/components/points-ranking/index.vue

@@ -2,11 +2,35 @@
   <div class="ranking-c">
     <div class="c-title flex-center">
       <span>积分排行榜</span>
-      <el-radio-group size="mini" v-model="current" @change="getList">
-        <el-radio-button label="红榜"></el-radio-button>
-        <el-radio-button label="黑榜"></el-radio-button>
-      </el-radio-group>
+      <div>
+        <el-select style="width: 110px" v-model="tabType" size="mini">
+          <el-option label="班组" :value="1"></el-option>
+          <el-option label="工作负责人" :value="2"></el-option>
+          <el-option label="作业人员" :value="3"></el-option>
+        </el-select>
+        <el-select
+          class="ml10"
+          style="width: 80px"
+          v-if="tabType == 1"
+          v-model="queryParams.teamType"
+          size="mini"
+          @change="getList"
+        >
+          <el-option label="内部" :value="1"></el-option>
+          <el-option label="外部" :value="2"></el-option>
+        </el-select>
+        <el-radio-group
+          size="mini"
+          v-model="current"
+          @change="getList"
+          class="ml10"
+        >
+          <el-radio-button label="红榜"></el-radio-button>
+          <el-radio-button label="黑榜"></el-radio-button>
+        </el-radio-group>
+      </div>
     </div>
+
     <el-table
       :v-loading="loading"
       :data="tableData"
@@ -23,16 +47,33 @@
           <span v-else> {{ scope.$index + 1 }}</span>
         </template>
       </el-table-column>
-      <el-table-column prop="name" label="单位" align="center">
+      <el-table-column
+        prop="companyName"
+        label="单位"
+        align="center"
+        v-if="tabType != 1"
+      >
       </el-table-column>
       <el-table-column
-        prop="name"
-        label="工作负责人"
+        v-if="tabType == 1"
+        prop="teamName"
+        label="队伍名称"
         align="center"
-        v-if="current == '红榜'"
       >
       </el-table-column>
-      <el-table-column prop="name" label="作业人员" align="center" v-else>
+      <el-table-column
+        v-if="tabType == 2"
+        prop="managerName"
+        label="负责人名称"
+        align="center"
+      >
+      </el-table-column>
+      <el-table-column
+        v-if="tabType == 3"
+        prop="workUserName"
+        label="作业人员"
+        align="center"
+      >
       </el-table-column>
       <el-table-column prop="address" label="得分" align="center">
       </el-table-column>
@@ -54,6 +95,10 @@ export default {
       },
       loading: false,
       current: "红榜",
+      tabType: 1,
+      queryParams: {
+        teamType: 1,
+      },
       tableData: [
         {
           date: "1",
@@ -70,11 +115,6 @@ export default {
           name: "王小虎",
           address: "12",
         },
-        {
-          date: "4",
-          name: "王小虎",
-          address: "23",
-        },
       ],
     };
   },
@@ -103,6 +143,9 @@ export default {
   .el-table--enable-row-hover .el-table__body tr:hover > td {
     background-color: rgba(11, 42, 96, 0.8) !important;
   }
+  .el-radio {
+    color: #fff;
+  }
 }
 .flex-center {
   display: flex;
@@ -113,4 +156,7 @@ export default {
   width: 23px;
   height: 23px;
 }
+.ml10 {
+  margin-left: 10px;
+}
 </style>