From bc0b62e7f53f97d407063ab5853da8a1101136fb Mon Sep 17 00:00:00 2001
From: woody <woody@163>
Date: Tue, 20 May 2025 14:05:53 +0800
Subject: [PATCH] =?UTF-8?q?feat(underDirect):=20=E5=AE=89=E7=BD=AE?=
 =?UTF-8?q?=E4=BC=9E=E4=B8=8B=E6=B7=BB=E5=8A=A0=E7=B3=BB=E7=BB=9F=E7=BC=96?=
 =?UTF-8?q?=E5=8F=B7=E5=BF=AB=E9=80=9F=E7=AD=9B=E6=9D=A1=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/top-member-select/index.vue    |   2 +-
 src/views/statistics/underDirectAdd.vue       | 408 ++++++++++--------
 src/views/statistics/underDirectAddNew.vue    | 230 +++++-----
 src/views/statistics/underPlacementPer.vue    | 233 +++++-----
 src/views/statistics/underPlacementPerNew.vue |  15 +-
 5 files changed, 480 insertions(+), 408 deletions(-)

diff --git a/src/components/top-member-select/index.vue b/src/components/top-member-select/index.vue
index 4d3877f..9876d06 100644
--- a/src/components/top-member-select/index.vue
+++ b/src/components/top-member-select/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-form-item label="顶点会员">
+  <el-form-item label="系统编号">
     <el-select
       v-model="pkVertex"
       clearable
diff --git a/src/views/statistics/underDirectAdd.vue b/src/views/statistics/underDirectAdd.vue
index b52f83b..382d1ef 100644
--- a/src/views/statistics/underDirectAdd.vue
+++ b/src/views/statistics/underDirectAdd.vue
@@ -6,110 +6,147 @@
 -->
 <template>
   <div class="page">
-    <topBar v-if="topList.length > 0"
-            :topList="topList"
-            :moren="moren"></topBar>
+    <topBar
+      v-if="topList.length > 0"
+      :top-list="topList"
+      :moren="moren"
+    />
     <div class="main">
       <div class="form_all">
-        <el-form ref="select"
-                 :model="select"
-                 label-width="auto">
+        <el-form
+          ref="select"
+          :model="select"
+          label-width="auto"
+        >
           <el-row :gutter="10">
+            <el-col :span="4">
+              <TopMemberSelect ref="topMemberSelect" @change="topMemberHandleChange" />
+            </el-col>
             <el-col :span="4">
               <el-form-item :label="'会员编号'">
-                <el-input clearable
-                          v-model="select.memberCode"></el-input>
+                <el-input
+                  v-model="select.memberCode"
+                  clearable
+                />
               </el-form-item>
             </el-col>
             <el-col :span="4">
               <el-form-item :label="'会员姓名'">
-                <el-input clearable
-                          v-model="select.memberName"></el-input>
+                <el-input
+                  v-model="select.memberName"
+                  clearable
+                />
               </el-form-item>
             </el-col>
             <el-col :span="4">
-          
-                <el-form-item :label="'订单类型'"
-                              prop="orderType">
-                  <el-select clearable
-                             v-model="select.orderType"
-                             :placeholder="'请选择'">
-                    <el-option v-for="(item, index) in orderTypeList"
-                               :key="index"
-                               :label="item.label"
-                               :value="item.value"></el-option>
-                  </el-select>
-                </el-form-item>
-         
+
+              <el-form-item
+                :label="'订单类型'"
+                prop="orderType"
+              >
+                <el-select
+                  v-model="select.orderType"
+                  clearable
+                  :placeholder="'请选择'"
+                >
+                  <el-option
+                    v-for="(item, index) in orderTypeList"
+                    :key="index"
+                    :label="item.label"
+                    :value="item.value"
+                  />
+                </el-select>
+              </el-form-item>
+
             </el-col>
             <el-col :span="4">
               <el-form-item :label="'真实奖衔'">
-                <el-select clearable
-                           :placeholder="'请选择'"
-                           v-model="select.pkAwards">
-                  <el-option v-for="item in awardsList"
-                             :key="item.pkId"
-                             :label="item.awardsName"
-                             :value="item.pkId"></el-option>
+                <el-select
+                  v-model="select.pkAwards"
+                  clearable
+                  :placeholder="'请选择'"
+                >
+                  <el-option
+                    v-for="item in awardsList"
+                    :key="item.pkId"
+                    :label="item.awardsName"
+                    :value="item.pkId"
+                  />
                 </el-select>
               </el-form-item>
             </el-col>
 
             <el-col :span="4">
               <el-form-item :label="'隶属体系'">
-                <el-select clearable
-                           :placeholder="'请选择'"
-                           v-model="select.pkVertex">
-                  <el-option v-for="item in vertexList"
-                             :key="item.pkId"
-                             :label="item.vertexName"
-                             :value="item.pkId"></el-option>
+                <el-select
+                  v-model="select.pkVertex"
+                  clearable
+                  :placeholder="'请选择'"
+                >
+                  <el-option
+                    v-for="item in vertexList"
+                    :key="item.pkId"
+                    :label="item.vertexName"
+                    :value="item.pkId"
+                  />
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="4">
               <el-form-item :label="'隶属团队'">
-                <el-select clearable
-                           :placeholder="'请选择'"
-                           v-model="select.pkTeamCode">
-                  <el-option v-for="item in teamList"
-                             :key="item.pkId"
-                             :label="item.teamName"
-                             :value="item.pkId"></el-option>
+                <el-select
+                  v-model="select.pkTeamCode"
+                  clearable
+                  :placeholder="'请选择'"
+                >
+                  <el-option
+                    v-for="item in teamList"
+                    :key="item.pkId"
+                    :label="item.teamName"
+                    :value="item.pkId"
+                  />
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="4">
               <el-form-item :label="'国家'">
-                <el-select v-model="select.pkCountry"
-                           size="medium"
-                           filterable
-                           :placeholder="'请选择'">
-                  <el-option v-for="item in countryList"
-                             :key="item.pkCountry"
-                             :label="item.name"
-                             :value="item.pkCountry">
-                  </el-option>
+                <el-select
+                  v-model="select.pkCountry"
+                  size="medium"
+                  filterable
+                  :placeholder="'请选择'"
+                >
+                  <el-option
+                    v-for="item in countryList"
+                    :key="item.pkCountry"
+                    :label="item.name"
+                    :value="item.pkCountry"
+                  />
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="订单日期">
-                <el-date-picker v-model="creationTime"
-                                @change="changeTime"
-                                value-format="yyyy-MM-dd"
-                                type="daterange"
-                                :range-separator="'至'"
-                                :start-placeholder="'开始日期'"
-                                :end-placeholder="'结束日期'">
-                </el-date-picker>
+                <el-date-picker
+                  v-model="creationTime"
+                  value-format="yyyy-MM-dd"
+                  type="daterange"
+                  :range-separator="'至'"
+                  :start-placeholder="'开始日期'"
+                  :end-placeholder="'结束日期'"
+                  @change="changeTime"
+                />
               </el-form-item>
             </el-col>
             <el-col :span="4">
-              <el-button type="primary"
-                         @click="getDataList"> {{ '搜索' }}</el-button>
-              <el-button type=""
-                         @click="reset"> {{ '重置' }}</el-button>
+              <el-button
+                type="primary"
+                @click="getDataList"
+              > {{ '搜索' }}</el-button>
+              <el-button
+                type=""
+                @click="reset"
+              > {{ '重置' }}</el-button>
             </el-col>
           </el-row>
         </el-form>
@@ -120,73 +157,93 @@
                      @click="openDig"
                      v-hasButtons="['MissionAdd']"
                      class="addBtn">{{'添加'}}</el-button> -->
-          <el-button size="small"
-                     @click="handleExport"
-                     style="background-color: #ffad41"
-                     class="thebtn1"> {{ '导出' }}</el-button>
+          <el-button
+            size="small"
+            style="background-color: #ffad41"
+            class="thebtn1"
+            @click="handleExport"
+          > {{ '导出' }}</el-button>
         </div>
       </div>
       <div class="maintable">
-        <el-table :data="tableData"
-        v-loading="loading"
-                  style="width: 100%"
-                  height="700px"
-                  :header-cell-style="{ background: '#EEEEEE' }"
-                  :row-class-name="tableRowClassName"
-                  @selection-change="handleSelectionChange">
-          <el-table-column type="selection"
-                           width="55"> </el-table-column>
-          <el-table-column align="center"
-                           prop="picture"
-                           label="国旗">
+        <el-table
+          v-loading="loading"
+          :data="tableData"
+          style="width: 100%"
+          height="700px"
+          :header-cell-style="{ background: '#EEEEEE' }"
+          :row-class-name="tableRowClassName"
+          @selection-change="handleSelectionChange"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+          />
+          <el-table-column
+            align="center"
+            prop="picture"
+            label="国旗"
+          >
             <template slot-scope="scope">
               <div class="tem">
-                <img :src="scope.row.nationalFlag1"
-                     alt="">
+                <img
+                  :src="scope.row.nationalFlag1"
+                  alt=""
+                >
               </div>
             </template>
           </el-table-column>
-          <el-table-column align="center"
-                           prop="shortName"
-                           :label="'国家'">
-          </el-table-column>
-          <el-table-column align="center"
-                           prop="memberCode"
-                           :label="'会员编号'">
-          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="shortName"
+            :label="'国家'"
+          />
+          <el-table-column
+            align="center"
+            prop="memberCode"
+            :label="'会员编号'"
+          />
 
-          <el-table-column align="center"
-                           prop="memberName"
-                           :label="'会员姓名'">
-          </el-table-column>
-          <el-table-column align="center"
-                           prop="phone"
-                           :label="'联系方式'">
-          </el-table-column>
-          <el-table-column align="center"
-                           prop="orderTypeVal"
-                           :label="'订单类型'">
-          </el-table-column>
-          <el-table-column align="center"
-                           prop="awardsName"
-                           :label="'真实奖衔'">
-          </el-table-column>
-          <el-table-column align="center"
-                           prop="vertexName"
-                           :label="'隶属体系'">
-          </el-table-column>
-          <el-table-column align="center"
-                           prop="pkTeamCode"
-                           :label="'隶属团队'">
-          </el-table-column>
-          <el-table-column align="center"
-                           prop="orderAmount"
-                           label="新增金额(￥)">
-          </el-table-column>
-          <el-table-column align="center"
-                           prop="orderAchieve"
-                           :label="'新增业绩'+'(PV)'">
-          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="memberName"
+            :label="'会员姓名'"
+          />
+          <el-table-column
+            align="center"
+            prop="phone"
+            :label="'联系方式'"
+          />
+          <el-table-column
+            align="center"
+            prop="orderTypeVal"
+            :label="'订单类型'"
+          />
+          <el-table-column
+            align="center"
+            prop="awardsName"
+            :label="'真实奖衔'"
+          />
+          <el-table-column
+            align="center"
+            prop="vertexName"
+            :label="'隶属体系'"
+          />
+          <el-table-column
+            align="center"
+            prop="pkTeamCode"
+            :label="'隶属团队'"
+          />
+          <el-table-column
+            align="center"
+            prop="orderAmount"
+            label="新增金额(￥)"
+          />
+          <el-table-column
+            align="center"
+            prop="orderAchieve"
+            :label="'新增业绩'+'(PV)'"
+          />
           <!-- <el-table-column align="center"
                            prop="payTime"
                            label="订单日期">
@@ -194,11 +251,13 @@
         </el-table>
       </div>
     </div>
-    <pagination v-show="total>0"
-                :total="total"
-                :page.sync="queryParams.pageNum"
-                :limit.sync="queryParams.pageSize"
-                @pagination="getDataList" />
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getDataList"
+    />
   </div>
 </template>
 
@@ -210,37 +269,39 @@ import * as log from '@/api/logistics'
 import { getAwardsListChiose } from '@/api/level'
 import { getvertexValue } from '@/api/financialCase'
 import { userCountryList } from '@/api/site.js'
+import TopMemberSelect from '@/components/top-member-select'
 export default {
   name: 'Bzpz',
   components: {
     topBar,
+    TopMemberSelect
   },
   data() {
     return {
       creationTime: [],
       select: {
-        orderType:1
+        orderType: 1
       },
       // 查询参数
       queryParams: {
         pageNum: 1,
-        pageSize: 50,
+        pageSize: 50
       },
       total: 0,
       tableData: [],
-      loading:false,
+      loading: false,
       awardsList: [],
       vertexList: [],
       teamList: [],
       countryList: [],
-      orderTypeList:[],
+      orderTypeList: [],
       moren: 'underDirectAdd',
       topList: [
         {
           name: '伞下直推新增业绩',
-          path: 'underDirectAdd',
-        },
-      ],
+          path: 'underDirectAdd'
+        }
+      ]
     }
   },
   mounted() {
@@ -255,26 +316,32 @@ export default {
     // this.getEYesNoList()
   },
   methods: {
+    topMemberHandleChange(val) {
+      if (val) {
+        this.select.memberCode = val
+        this.getDataList()
+      }
+    },
     getStartTime() {
-      const date = new Date();
-      date.setDate(1); // 将当前时间的日期设置成第一天
-      const year = date.getFullYear(); // 得到当前年份
-      let month = date.getMonth() + 1; // 得到当前月份（0-11月份，+1是当前月份）
-      month = month >= 10 ? month : "0" + month; // 补零
-      let day = date.getDate(); // 得到当前天数，实际是本月第一天，因为前面setDate(1) 设置过了
-      day = day >= 10 ? day : "0" + day; // 补零
-      return year + "-" + month + "-" + day;
+      const date = new Date()
+      date.setDate(1) // 将当前时间的日期设置成第一天
+      const year = date.getFullYear() // 得到当前年份
+      let month = date.getMonth() + 1 // 得到当前月份（0-11月份，+1是当前月份）
+      month = month >= 10 ? month : '0' + month // 补零
+      let day = date.getDate() // 得到当前天数，实际是本月第一天，因为前面setDate(1) 设置过了
+      day = day >= 10 ? day : '0' + day // 补零
+      return year + '-' + month + '-' + day
     },
     getEndTime() {
-      let date = new Date();
-      let year = date.getFullYear(); // 得到当前年份
-      let month = date.getMonth() + 1; // 得到当前月份（0-11月份，+1是当前月份）
-      month = month >= 10 ? month : "0" + month; // 补零
-      let day = date.getDate(); // 得到当前天数，实际是本月第一天，因为前面setDate(1) 设置过了
-      day = day >= 10 ? day : "0" + day; // 补零
-      return year + "-" + month + "-" + day + " ";
+      const date = new Date()
+      const year = date.getFullYear() // 得到当前年份
+      let month = date.getMonth() + 1 // 得到当前月份（0-11月份，+1是当前月份）
+      month = month >= 10 ? month : '0' + month // 补零
+      let day = date.getDate() // 得到当前天数，实际是本月第一天，因为前面setDate(1) 设置过了
+      day = day >= 10 ? day : '0' + day // 补零
+      return year + '-' + month + '-' + day + ' '
     },
-    //真实奖衔下拉选
+    // 真实奖衔下拉选
     getData() {
       getAwardsListChiose().then((res) => {
         this.awardsList = res.rows
@@ -293,27 +360,28 @@ export default {
       })
     },
     getStartTime() {
-      const date = new Date();
-      date.setDate(1); // 将当前时间的日期设置成第一天
-      const year = date.getFullYear(); // 得到当前年份
-      let month = date.getMonth() + 1; // 得到当前月份（0-11月份，+1是当前月份）
-      month = month >= 10 ? month : "0" + month; // 补零
-      let day = date.getDate(); // 得到当前天数，实际是本月第一天，因为前面setDate(1) 设置过了
-      day = day >= 10 ? day : "0" + day; // 补零
-      return year + "-" + month + "-" + day;
+      const date = new Date()
+      date.setDate(1) // 将当前时间的日期设置成第一天
+      const year = date.getFullYear() // 得到当前年份
+      let month = date.getMonth() + 1 // 得到当前月份（0-11月份，+1是当前月份）
+      month = month >= 10 ? month : '0' + month // 补零
+      let day = date.getDate() // 得到当前天数，实际是本月第一天，因为前面setDate(1) 设置过了
+      day = day >= 10 ? day : '0' + day // 补零
+      return year + '-' + month + '-' + day
     },
     getEndTime() {
-      let date = new Date();
-      let year = date.getFullYear(); // 得到当前年份
-      let month = date.getDate() === 1 ? date.getMonth() : date.getMonth() + 1; // 得到当前月份（0-11月份，+1是当前月份）
-      month = month >= 10 ? month : "0" + month; // 补零
-      let day = date.getDate(); // 得到当前天数，实际是本月第一天，因为前面setDate(1) 设置过了
-      day = day >= 10 ? day : "0" + day; // 补零
-      return year + "-" + month + "-" + day + " ";
+      const date = new Date()
+      const year = date.getFullYear() // 得到当前年份
+      let month = date.getDate() === 1 ? date.getMonth() : date.getMonth() + 1 // 得到当前月份（0-11月份，+1是当前月份）
+      month = month >= 10 ? month : '0' + month // 补零
+      let day = date.getDate() // 得到当前天数，实际是本月第一天，因为前面setDate(1) 设置过了
+      day = day >= 10 ? day : '0' + day // 补零
+      return year + '-' + month + '-' + day + ' '
     },
     reset() {
+      this.$refs.topMemberSelect.reset()
       this.select = {
-        orderType:1
+        orderType: 1
       }
       this.creationTime = []
       this.getDataList()
@@ -338,7 +406,7 @@ export default {
       this.$confirm('是否确认导出所有数据项?', '警告', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
-        type: 'warning',
+        type: 'warning'
       }).then((_) => {
         this.download(
           'report/manager/member-report/export-direct-push-new',
@@ -354,8 +422,8 @@ export default {
         return 'success-row'
       }
       return ''
-    },
-  },
+    }
+  }
 }
 </script>
 <style scoped lang="scss">
diff --git a/src/views/statistics/underDirectAddNew.vue b/src/views/statistics/underDirectAddNew.vue
index 172dcf2..128a321 100644
--- a/src/views/statistics/underDirectAddNew.vue
+++ b/src/views/statistics/underDirectAddNew.vue
@@ -2,28 +2,31 @@
   <div class="page">
     <topBar
       v-if="topList.length > 0"
-      :topList="topList"
+      :top-list="topList"
       :moren="moren"
-    ></topBar>
+    />
     <div class="main">
       <div class="form_all">
         <el-form ref="select" :model="select" label-width="auto">
           <el-row :gutter="10">
+            <el-col :span="4">
+              <TopMemberSelect ref="topMemberSelect" @change="topMemberHandleChange" />
+            </el-col>
             <el-col :span="4">
               <el-form-item :label="'会员编号'">
-                <el-input clearable v-model="select.memberCode"></el-input>
+                <el-input v-model="select.memberCode" clearable />
               </el-form-item>
             </el-col>
             <el-col :span="4">
               <el-form-item :label="'会员姓名'">
-                <el-input clearable v-model="select.memberName"></el-input>
+                <el-input v-model="select.memberName" clearable />
               </el-form-item>
             </el-col>
             <el-col :span="4">
               <el-form-item :label="'订单类型'" prop="orderType">
                 <el-select
-                  clearable
                   v-model="select.orderType"
+                  clearable
                   :placeholder="'请选择'"
                 >
                   <el-option
@@ -31,23 +34,23 @@
                     :key="index"
                     :label="item.label"
                     :value="item.value"
-                  ></el-option>
+                  />
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="4">
               <el-form-item :label="'真实奖衔'">
                 <el-select
+                  v-model="select.pkAwards"
                   clearable
                   :placeholder="'请选择'"
-                  v-model="select.pkAwards"
                 >
                   <el-option
                     v-for="item in awardsList"
                     :key="item.pkId"
                     :label="item.awardsName"
                     :value="item.pkId"
-                  ></el-option>
+                  />
                 </el-select>
               </el-form-item>
             </el-col>
@@ -55,32 +58,32 @@
             <el-col :span="4">
               <el-form-item :label="'隶属体系'">
                 <el-select
+                  v-model="select.pkVertex"
                   clearable
                   :placeholder="'请选择'"
-                  v-model="select.pkVertex"
                 >
                   <el-option
                     v-for="item in vertexList"
                     :key="item.pkId"
                     :label="item.vertexName"
                     :value="item.pkId"
-                  ></el-option>
+                  />
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="4">
               <el-form-item :label="'隶属团队'">
                 <el-select
+                  v-model="select.pkTeamCode"
                   clearable
                   :placeholder="'请选择'"
-                  v-model="select.pkTeamCode"
                 >
                   <el-option
                     v-for="item in teamList"
                     :key="item.pkId"
                     :label="item.teamName"
                     :value="item.pkId"
-                  ></el-option>
+                  />
                 </el-select>
               </el-form-item>
             </el-col>
@@ -97,8 +100,7 @@
                     :key="item.pkCountry"
                     :label="item.name"
                     :value="item.pkCountry"
-                  >
-                  </el-option>
+                  />
                 </el-select>
               </el-form-item>
             </el-col>
@@ -106,20 +108,18 @@
               <el-form-item label="订单日期">
                 <el-date-picker
                   v-model="creationTime"
-                  @change="changeTime"
                   value-format="yyyy-MM-dd"
                   type="daterange"
                   :range-separator="'至'"
                   :start-placeholder="'开始日期'"
                   :end-placeholder="'结束日期'"
-                >
-                </el-date-picker>
+                  @change="changeTime"
+                />
               </el-form-item>
             </el-col>
             <el-col :span="4">
               <el-button type="primary" @click="getDataList">
-                {{ '搜索' }}</el-button
-              >
+                {{ '搜索' }}</el-button>
               <el-button type="" @click="reset"> {{ '重置' }}</el-button>
             </el-col>
           </el-row>
@@ -133,29 +133,28 @@
                        class="addBtn">{{'添加'}}</el-button> -->
           <el-button
             size="small"
-            @click="handleExport"
             style="background-color: #ffad41"
             class="thebtn1"
+            @click="handleExport"
           >
-            {{ '导出' }}</el-button
-          >
+            {{ '导出' }}</el-button>
         </div>
       </div>
       <div class="maintable">
         <el-table
-          :data="tableData"
           v-loading="loading"
+          :data="tableData"
           style="width: 100%"
           height="700px"
           :header-cell-style="{ background: '#EEEEEE' }"
           :row-class-name="tableRowClassName"
           @selection-change="handleSelectionChange"
         >
-          <el-table-column type="selection" width="55"> </el-table-column>
+          <el-table-column type="selection" width="55" />
           <el-table-column align="center" prop="picture" label="国旗">
             <template slot-scope="scope">
               <div class="tem">
-                <img :src="scope.row.nationalFlag1" alt="" />
+                <img :src="scope.row.nationalFlag1" alt="">
               </div>
             </template>
           </el-table-column>
@@ -163,59 +162,49 @@
             align="center"
             prop="shortName"
             :label="'国家'"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="memberCode"
             :label="'会员编号'"
-          >
-          </el-table-column>
+          />
 
           <el-table-column
             align="center"
             prop="memberName"
             :label="'会员姓名'"
-          >
-          </el-table-column>
-          <el-table-column align="center" prop="phone" :label="'联系方式'">
-          </el-table-column>
+          />
+          <el-table-column align="center" prop="phone" :label="'联系方式'" />
           <el-table-column
             align="center"
             prop="orderTypeVal"
             :label="'订单类型'"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="awardsName"
             :label="'真实奖衔'"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="vertexName"
             :label="'隶属体系'"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="pkTeamCode"
             :label="'隶属团队'"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="orderAmount"
             label="新增金额(￥)"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="orderAchieve"
             :label="'新增业绩' + '(PV)'"
-          >
-          </el-table-column>
+          />
           <!-- <el-table-column align="center"
                              prop="payTime"
                              label="订单日期">
@@ -232,119 +221,127 @@
     />
   </div>
 </template>
-  
-  <script>
-import topBar from "@/components/topBar";
-import * as api from "@/api/business.js";
-import * as log from "@/api/logistics";
 
-import { getAwardsListChiose } from "@/api/level";
-import { getvertexValue } from "@/api/financialCase";
-import { userCountryList } from "@/api/site.js";
+<script>
+import topBar from '@/components/topBar'
+import * as api from '@/api/business.js'
+import * as log from '@/api/logistics'
+import TopMemberSelect from '@/components/top-member-select'
+import { getAwardsListChiose } from '@/api/level'
+import { getvertexValue } from '@/api/financialCase'
+import { userCountryList } from '@/api/site.js'
 export default {
-  name: "UnderDirectAddNew",
+  name: 'UnderDirectAddNew',
   components: {
     topBar,
+    TopMemberSelect
   },
   data() {
     return {
       creationTime: [],
       select: {
-        orderType: 1,
+        orderType: 1
       },
       // 查询参数
       queryParams: {
         pageNum: 1,
-        pageSize: 50,
+        pageSize: 50
       },
       total: 0,
       tableData: [],
-      loading:false,
+      loading: false,
       awardsList: [],
       vertexList: [],
       teamList: [],
       countryList: [],
       orderTypeList: [],
-      moren: "underDirectAddNew",
+      moren: 'underDirectAddNew',
       topList: [
         {
-          name: "伞下直推新增业绩（新）",
-          path: "underDirectAddNew",
-        },
+          name: '伞下直推新增业绩（新）',
+          path: 'underDirectAddNew'
+        }
       ],
-      monthFirstday: "",
-      monthLastday: "",
-    };
+      monthFirstday: '',
+      monthLastday: ''
+    }
   },
   mounted() {
-    var s1 = this.getStartTime();
-    var s2 = this.getEndTime();
-    this.select.startPayTime = s1;
-    this.select.endPayTime = s2;
-    this.creationTime = [s1, s2];
+    var s1 = this.getStartTime()
+    var s2 = this.getEndTime()
+    this.select.startPayTime = s1
+    this.select.endPayTime = s2
+    this.creationTime = [s1, s2]
     // 获取列表
-    this.getDataList();
-    this.getData();
+    this.getDataList()
+    this.getData()
   },
   methods: {
+    topMemberHandleChange(val) {
+      if (val) {
+        this.select.memberCode = val
+        this.getDataList()
+      }
+    },
     getStartTime() {
-      const date = new Date();
-      date.setDate(1); // 将当前时间的日期设置成第一天
-      const year = date.getFullYear(); // 得到当前年份
-      let month = date.getMonth() + 1; // 得到当前月份（0-11月份，+1是当前月份）
-      month = month >= 10 ? month : "0" + month; // 补零
-      let day = date.getDate(); // 得到当前天数，实际是本月第一天，因为前面setDate(1) 设置过了
-      day = day >= 10 ? day : "0" + day; // 补零
-      return year + "-" + month + "-" + day;
+      const date = new Date()
+      date.setDate(1) // 将当前时间的日期设置成第一天
+      const year = date.getFullYear() // 得到当前年份
+      let month = date.getMonth() + 1 // 得到当前月份（0-11月份，+1是当前月份）
+      month = month >= 10 ? month : '0' + month // 补零
+      let day = date.getDate() // 得到当前天数，实际是本月第一天，因为前面setDate(1) 设置过了
+      day = day >= 10 ? day : '0' + day // 补零
+      return year + '-' + month + '-' + day
     },
     getEndTime() {
-      let date = new Date();
-      let year = date.getFullYear(); // 得到当前年份
-      let month = date.getMonth() + 1; // 得到当前月份（0-11月份，+1是当前月份）
-      month = month >= 10 ? month : "0" + month; // 补零
-      let day = date.getDate(); // 得到当前天数，实际是本月第一天，因为前面setDate(1) 设置过了
-      day = day >= 10 ? day : "0" + day; // 补零
-      return year + "-" + month + "-" + day + " ";
+      const date = new Date()
+      const year = date.getFullYear() // 得到当前年份
+      let month = date.getMonth() + 1 // 得到当前月份（0-11月份，+1是当前月份）
+      month = month >= 10 ? month : '0' + month // 补零
+      let day = date.getDate() // 得到当前天数，实际是本月第一天，因为前面setDate(1) 设置过了
+      day = day >= 10 ? day : '0' + day // 补零
+      return year + '-' + month + '-' + day + ' '
     },
-    //真实奖衔下拉选
+    // 真实奖衔下拉选
     getData() {
       getAwardsListChiose().then((res) => {
-        this.awardsList = res.rows;
-      });
+        this.awardsList = res.rows
+      })
       getvertexValue().then((res) => {
-        this.vertexList = res.data;
-      });
+        this.vertexList = res.data
+      })
       api.teamList().then((res) => {
-        this.teamList = res.data;
-      });
+        this.teamList = res.data
+      })
       userCountryList().then((res) => {
-        this.countryList = res.data;
-      });
+        this.countryList = res.data
+      })
       log.getUnderAddOrderTypeNew().then((res) => {
-        this.orderTypeList = res.data;
-      });
+        this.orderTypeList = res.data
+      })
     },
 
     reset() {
+      this.$refs.topMemberSelect.reset()
       this.select = {
-        orderType: 1,
-      };
-      this.creationTime = [];
-      this.getDataList();
+        orderType: 1
+      }
+      this.creationTime = []
+      this.getDataList()
     },
     changeTime(val) {
-      this.select.startPayTime = val ? val[0] : "";
-      this.select.endPayTime = val ? val[1] : "";
+      this.select.startPayTime = val ? val[0] : ''
+      this.select.endPayTime = val ? val[1] : ''
     },
     getDataList() {
       this.loading = true
       api
         .directAddNewList(Object.assign({}, this.queryParams, this.select))
         .then((res) => {
-          this.tableData = res.rows;
-          this.total = res.total;
+          this.tableData = res.rows
+          this.total = res.total
           this.loading = false
-        });
+        })
     },
     handleSelectionChange(val) {},
     /** 导出按钮操作 */
@@ -352,25 +349,25 @@ export default {
       this.$confirm('是否确认导出所有数据项?', '警告', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
-        type: "warning",
+        type: 'warning'
       }).then((_) => {
         this.download(
-          "/report/manager/member-report/export-direct-push-new-up",
+          '/report/manager/member-report/export-direct-push-new-up',
           Object.assign({}, this.queryParams, this.select),
           `伞下直推新增业绩（新）${new Date().getTime()}.xlsx`
-        );
-      });
+        )
+      })
     },
     tableRowClassName({ row, rowIndex }) {
       if (rowIndex % 2 == 1) {
-        return "warning-row";
+        return 'warning-row'
       } else if (rowIndex % 2 == 0) {
-        return "success-row";
+        return 'success-row'
       }
-      return "";
-    },
-  },
-};
+      return ''
+    }
+  }
+}
 </script>
   <style scoped lang="scss">
 ::v-deep .el-table .warning-row {
@@ -463,4 +460,3 @@ export default {
   width: 100%;
 }
 </style>
-  
\ No newline at end of file
diff --git a/src/views/statistics/underPlacementPer.vue b/src/views/statistics/underPlacementPer.vue
index 7004964..dbc37b6 100644
--- a/src/views/statistics/underPlacementPer.vue
+++ b/src/views/statistics/underPlacementPer.vue
@@ -2,36 +2,42 @@
   <div class="page">
     <topBar
       v-if="topList.length > 0"
-      :topList="topList"
+      :top-list="topList"
       :moren="moren"
-    ></topBar>
+    />
     <div class="thetopbox">
       <el-form label-width="100px">
         <el-row>
+          <el-col :span="4">
+            <TopMemberSelect
+              ref="topMemberSelect"
+              @change="topMemberHandleChange"
+            />
+          </el-col>
           <el-col :span="4">
             <el-form-item :label="'会员编号'" prop="memberCode">
-              <el-input clearable v-model="queryParams.memberCode"></el-input>
+              <el-input v-model="queryParams.memberCode" clearable />
             </el-form-item>
           </el-col>
           <el-col :span="4">
             <el-form-item :label="'会员姓名'" prop="memberName">
-              <el-input clearable v-model="queryParams.memberName"></el-input>
+              <el-input v-model="queryParams.memberName" clearable />
             </el-form-item>
           </el-col>
 
           <el-col :span="4">
             <el-form-item :label="'订单类型'" prop="orderType">
               <el-select
+                v-model="queryParams.orderType"
                 clearable
                 :placeholder="'请选择'"
-                v-model="queryParams.orderType"
               >
                 <el-option
                   v-for="item in orderTypeList"
                   :key="item.value"
                   :label="item.label"
                   :value="item.value"
-                ></el-option>
+                />
               </el-select>
             </el-form-item>
           </el-col>
@@ -39,48 +45,48 @@
           <el-col :span="4">
             <el-form-item :label="'真实奖衔'" prop="pkAwards">
               <el-select
+                v-model="queryParams.pkAwards"
                 clearable
                 :placeholder="'请选择'"
-                v-model="queryParams.pkAwards"
               >
                 <el-option
                   v-for="item in awardsList"
                   :key="item.pkId"
                   :label="item.awardsName"
                   :value="item.pkId"
-                ></el-option>
+                />
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="4">
             <el-form-item :label="'隶属体系'" prop="pkVertex">
               <el-select
+                v-model="queryParams.pkVertex"
                 clearable
                 :placeholder="'请选择'"
-                v-model="queryParams.pkVertex"
               >
                 <el-option
                   v-for="item in vertexList"
                   :key="item.pkId"
                   :label="item.vertexName"
                   :value="item.pkId"
-                ></el-option>
+                />
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="4">
             <el-form-item :label="'隶属团队'" prop="pkTeamCode">
               <el-select
+                v-model="queryParams.pkTeamCode"
                 clearable
                 :placeholder="'请选择'"
-                v-model="queryParams.pkTeamCode"
               >
                 <el-option
                   v-for="item in memberTeamList"
                   :key="item.pkId"
                   :label="item.teamName"
                   :value="item.pkId"
-                ></el-option>
+                />
               </el-select>
             </el-form-item>
           </el-col>
@@ -101,18 +107,17 @@
             </el-form-item>
           </el-col> -->
           <el-col :span="8">
-            <el-form-item  :label="'订单日期'" prop="thetimes">
+            <el-form-item :label="'订单日期'" prop="thetimes">
               <el-date-picker
                 v-model="queryParams.thetimes"
-                @change="changeTime"
                 value-format="yyyy-MM-dd"
                 type="daterange"
                 :clearable="false"
                 :range-separator="'至'"
                 :start-placeholder="'开始日期'"
                 :end-placeholder="'结束日期'"
-              >
-              </el-date-picker>
+                @change="changeTime"
+              />
             </el-form-item>
           </el-col>
           <el-col :span="4">
@@ -126,11 +131,9 @@
                   }
                 "
               >
-                {{ '搜索' }}</el-button
-              >
+                {{ '搜索' }}</el-button>
               <el-button class="my_reset" @click="reChongzhi">
-                {{ '重置' }}</el-button
-              >
+                {{ '重置' }}</el-button>
             </div>
           </el-col>
         </el-row>
@@ -140,21 +143,19 @@
       <div class="maintop">
         <div class="mainbtn">
           <el-button size="small" class="thebtn1" @click="handleExport">
-            {{ '导出' }}</el-button
-          >
+            {{ '导出' }}</el-button>
         </div>
       </div>
       <div class="maintable">
         <el-table
-          :data="tableData"
           v-loading="loading"
+          :data="tableData"
           height="680px"
           style="width: 100%"
           :header-cell-style="{ background: '#EEEEEE' }"
           @selection-change="handleSelectionChange"
         >
-          <el-table-column prop="colsele" type="selection" width="55">
-          </el-table-column>
+          <el-table-column prop="colsele" type="selection" width="55" />
 
           <el-table-column
             align="center"
@@ -166,7 +167,7 @@
                 style="width: 44px; height: 44px; border-radius: 50%"
                 :src="scope.row.nationalFlag"
                 alt=""
-              />
+              >
             </template>
           </el-table-column>
 
@@ -175,74 +176,63 @@
             prop="shortName"
             :label="'国家'"
             min-width="120px"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="memberCode"
             :label="'会员编号'"
             min-width="120px"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="memberName"
             :label="'会员姓名'"
             min-width="120px"
-          >
-          </el-table-column>
+          />
 
           <el-table-column
             align="center"
             prop="phone"
             :label="'联系方式'"
             min-width="120px"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="awardsName"
             :label="'真实奖衔'"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="vertexName"
             :label="'隶属体系'"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="teamCodeName"
             :label="'隶属团队'"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="leftNewAddAmount"
             :label="'左区新增金额'"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="rightNewAddAmount"
             :label="'右区新增金额'"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="leftNewAddAchieve"
             min-width="100px"
             :label="'左区新增业绩' + `(PV)`"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="rightNewAddAchieve"
             min-width="100px"
             :label="'右区新增业绩' + `(PV)`"
-          >
-          </el-table-column>
+          />
           <!-- <el-table-column
             min-width="120px"
             align="center"
@@ -262,35 +252,37 @@
     />
   </div>
 </template>
-    
-        <script>
-import topBar from "@/components/topBar";
-import * as sta from "@/api/statistics";
-import * as log from "@/api/logistics";
-import { getAwardsListChiose } from "@/api/level";
-import { getcountryAllList } from "@/api/exchangerate";
-import { getvertexValue, getmemberTeamList } from "@/api/financialCase";
-import { isLocals, isLocalSymbol } from "@/utils/numberToCurrency";
+
+<script>
+import topBar from '@/components/topBar'
+import * as sta from '@/api/statistics'
+import * as log from '@/api/logistics'
+import { getAwardsListChiose } from '@/api/level'
+import { getcountryAllList } from '@/api/exchangerate'
+import { getvertexValue, getmemberTeamList } from '@/api/financialCase'
+import { isLocals, isLocalSymbol } from '@/utils/numberToCurrency'
+import TopMemberSelect from '@/components/top-member-select/index.vue'
 export default {
-  name: "UnderPlacementPer",
+  name: 'UnderPlacementPer',
   components: {
     topBar,
+    TopMemberSelect
   },
   data() {
     return {
-      moren: "underPlacementPer",
+      moren: 'underPlacementPer',
       topList: [
         {
           name: '伞下新增安置业绩',
-          path: "underPlacementPer",
-        },
+          path: 'underPlacementPer'
+        }
       ],
       tableData: [],
-      loading:false,
+      loading: false,
       queryParams: {
         pageNum: 1,
         pageSize: 50,
-        thetimes: [],
+        thetimes: []
       },
       total: 0,
       multipleSelection: [],
@@ -298,105 +290,111 @@ export default {
       memberTeamList: [],
       vertexList: [],
       countryList: [],
-      orderTypeList: [],
-    };
+      orderTypeList: []
+    }
   },
   created() {
-    this.getSearch();
-    this.getOthers();
-    var s1 = this.getStartTime();
-    var s2 = this.getEndTime();
-    this.queryParams.startPayTime = s1;
-    this.queryParams.endPayTime = s2;
-    this.queryParams.thetimes = [s1, s2];
+    this.getSearch()
+    this.getOthers()
+    var s1 = this.getStartTime()
+    var s2 = this.getEndTime()
+    this.queryParams.startPayTime = s1
+    this.queryParams.endPayTime = s2
+    this.queryParams.thetimes = [s1, s2]
   },
   methods: {
     isLocalSymbol,
     isLocals,
+    topMemberHandleChange(val) {
+      if (val) {
+        this.queryParams.memberCode = val
+        this.getSearch()
+      }
+    },
     getStartTime() {
-      const date = new Date();
-      date.setDate(1); // 将当前时间的日期设置成第一天
-      const year = date.getFullYear(); // 得到当前年份
-      let month = date.getMonth() + 1; // 得到当前月份（0-11月份，+1是当前月份）
-      month = month >= 10 ? month : "0" + month; // 补零
-      let day = date.getDate(); // 得到当前天数，实际是本月第一天，因为前面setDate(1) 设置过了
-      day = day >= 10 ? day : "0" + day; // 补零
-      return year + "-" + month + "-" + day;
+      const date = new Date()
+      date.setDate(1) // 将当前时间的日期设置成第一天
+      const year = date.getFullYear() // 得到当前年份
+      let month = date.getMonth() + 1 // 得到当前月份（0-11月份，+1是当前月份）
+      month = month >= 10 ? month : '0' + month // 补零
+      let day = date.getDate() // 得到当前天数，实际是本月第一天，因为前面setDate(1) 设置过了
+      day = day >= 10 ? day : '0' + day // 补零
+      return year + '-' + month + '-' + day
     },
     getEndTime() {
-      let date = new Date();
-      let year = date.getFullYear(); // 得到当前年份
-      let month = date.getMonth() + 1; // 得到当前月份（0-11月份，+1是当前月份）
-      month = month >= 10 ? month : "0" + month; // 补零
-      let day = date.getDate(); // 得到当前天数，实际是本月第一天，因为前面setDate(1) 设置过了
-      day = day >= 10 ? day : "0" + day; // 补零
-      return year + "-" + month + "-" + day + " ";
+      const date = new Date()
+      const year = date.getFullYear() // 得到当前年份
+      let month = date.getMonth() + 1 // 得到当前月份（0-11月份，+1是当前月份）
+      month = month >= 10 ? month : '0' + month // 补零
+      let day = date.getDate() // 得到当前天数，实际是本月第一天，因为前面setDate(1) 设置过了
+      day = day >= 10 ? day : '0' + day // 补零
+      return year + '-' + month + '-' + day + ' '
     },
     changeTime(val) {
-      this.queryParams.startPayTime = val[0];
-      this.queryParams.endPayTime = val[1];
+      this.queryParams.startPayTime = val[0]
+      this.queryParams.endPayTime = val[1]
     },
     getOthers() {
       getAwardsListChiose().then((res) => {
-        this.awardsList = res.rows;
-      });
+        this.awardsList = res.rows
+      })
       getmemberTeamList().then((res) => {
-        this.memberTeamList = res.rows;
-      });
+        this.memberTeamList = res.rows
+      })
       getvertexValue().then((res) => {
-        this.vertexList = res.data;
-      });
+        this.vertexList = res.data
+      })
       getcountryAllList().then((res) => {
-        this.countryList = res.data;
-      });
+        this.countryList = res.data
+      })
       // 获取订单类型
       log.getUnderAddOrderType().then((res) => {
-        this.orderTypeList = res.data;
-      });
+        this.orderTypeList = res.data
+      })
     },
-    //导出
+    // 导出
     handleExport() {
       this.$confirm('是否确认导出所有数据项?', '警告', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
-        type: "warning",
+        type: 'warning'
       }).then((_) => {
         this.download(
-          "/report/manager/member-report/member-resettle-achieve-export",
+          '/report/manager/member-report/member-resettle-achieve-export',
           { ...this.queryParams },
           `${'伞下新增安置业绩'}${new Date().getTime()}.xlsx`
-        );
-      });
+        )
+      })
     },
     handleSelectionChange(val) {
-      this.multipleSelection = val;
+      this.multipleSelection = val
     },
     reChongzhi() {
+      this.$refs.topMemberSelect.reset()
       this.queryParams = {
         pageNum: 1,
         pageSize: 50,
-        thetimes: [],
-      };
-      this.getSearch();
+        thetimes: []
+      }
+      this.getSearch()
     },
     getSearch() {
       this.loading = true
       sta.getResettleAchieve(this.queryParams).then((res) => {
         this.loading = false
         if (res.code == 200) {
-          this.tableData = res.rows;
-          this.total = res.total;
-          
+          this.tableData = res.rows
+          this.total = res.total
         }
-      });
+      })
     },
     getCzNum() {
-      this.queryParams.pageNum = 1;
-    },
-  },
-};
+      this.queryParams.pageNum = 1
+    }
+  }
+}
 </script>
-    
+
     <style lang="scss" scoped>
 ::v-deep .el-image-viewer__close {
   right: 500px;
@@ -469,4 +467,3 @@ export default {
   }
 }
 </style>
-    
\ No newline at end of file
diff --git a/src/views/statistics/underPlacementPerNew.vue b/src/views/statistics/underPlacementPerNew.vue
index 290586f..6afdbca 100644
--- a/src/views/statistics/underPlacementPerNew.vue
+++ b/src/views/statistics/underPlacementPerNew.vue
@@ -8,6 +8,9 @@
     <div class="thetopbox">
       <el-form label-width="100px">
         <el-row>
+          <el-col :span="4">
+            <TopMemberSelect ref="topMemberSelect" @change="topMemberHandleChange" />
+          </el-col>
           <el-col :span="4">
             <el-form-item :label="'会员编号'" prop="memberCode">
               <el-input v-model="queryParams.memberCode" clearable />
@@ -255,11 +258,12 @@ import { getAwardsListChiose } from '@/api/level'
 import { getcountryAllList } from '@/api/exchangerate'
 import { getvertexValue, getmemberTeamList } from '@/api/financialCase'
 import { isLocals, isLocalSymbol } from '@/utils/numberToCurrency'
-
+import TopMemberSelect from '@/components/top-member-select/index.vue'
 export default {
   name: 'UnderPlacementPerNew',
   components: {
-    topBar
+    topBar,
+    TopMemberSelect
   },
   data() {
     return {
@@ -298,6 +302,12 @@ export default {
   methods: {
     isLocalSymbol,
     isLocals,
+    topMemberHandleChange(val) {
+      if (val) {
+        this.queryParams.memberCode = val
+        this.getSearch()
+      }
+    },
     getStartTime() {
       const date = new Date()
       date.setDate(1) // 将当前时间的日期设置成第一天
@@ -357,6 +367,7 @@ export default {
       this.multipleSelection = val
     },
     reChongzhi() {
+      this.$refs.topMemberSelect.reset()
       this.queryParams = {
         pageNum: 1,
         pageSize: 50,