From 36d28f6416ae4a24f1b531d51c90a786307ae70a Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Tue, 11 Nov 2025 18:10:56 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E4=B8=BB=E6=92=AD=E6=88=90=E5=91=98):=20?=
 =?UTF-8?q?=E5=88=A0=E9=99=A4=E4=B8=BB=E6=92=AD=E6=8E=A5=E5=8F=A3=E7=9A=84?=
 =?UTF-8?q?=E5=8F=82=E6=95=B0=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/team/team-member/index.vue | 400 ++++++++++++++++-----------
 1 file changed, 245 insertions(+), 155 deletions(-)

diff --git a/src/views/team/team-member/index.vue b/src/views/team/team-member/index.vue
index e4d441d..c75e47a 100644
--- a/src/views/team/team-member/index.vue
+++ b/src/views/team/team-member/index.vue
@@ -14,7 +14,9 @@
           :label="item.label"
           :value="item.value"
         >
-          <span style="float: left;"> <sys-origin-icon :icon="item.value" :desc="item.value" /></span>
+          <span style="float: left;">
+            <sys-origin-icon :icon="item.value" :desc="item.value"
+          /></span>
           <span style="float: left;margin-left:10px">{{ item.label }}</span>
         </el-option>
       </el-select>
@@ -36,10 +38,18 @@
       </el-select>
 
       <div class="filter-item">
-        <account-input v-model="listQuery.ownUserId" :sys-origin="listQuery.sysOrigin" placeholder="代理ID" />
+        <account-input
+          v-model="listQuery.ownUserId"
+          :sys-origin="listQuery.sysOrigin"
+          placeholder="代理ID"
+        />
       </div>
       <div class="filter-item">
-        <account-input v-model="listQuery.memberId" :sys-origin="listQuery.sysOrigin" placeholder="成员ID" />
+        <account-input
+          v-model="listQuery.memberId"
+          :sys-origin="listQuery.sysOrigin"
+          placeholder="成员ID"
+        />
       </div>
       <div class="filter-item">
         <el-input v-model="listQuery.notActiveDays" placeholder="不活跃天数" />
@@ -68,12 +78,12 @@
         class="filter-item"
         type="primary"
         icon="el-icon-edit"
-        @click="teamMebmerAddVisible=true"
+        @click="teamMebmerAddVisible = true"
       >
         新增
       </el-button>
       <el-button
-        v-if="(selectTableRow.length > 0)"
+        v-if="selectTableRow.length > 0"
         class="filter-item"
         type="danger"
         icon="el-icon-delete"
@@ -93,7 +103,6 @@
       highlight-current-row
       @selection-change="selectTableChange"
     >
-
       <el-table-column type="index" width="50" label="No" />
       <el-table-column
         type="selection"
@@ -101,28 +110,71 @@
         show-overflow-tooltip
         :selectable="tableSelectable"
       />
-      <el-table-column label="代理" align="left" show-overflow-tooltip min-width="220">
+      <el-table-column
+        label="代理"
+        align="left"
+        show-overflow-tooltip
+        min-width="220"
+      >
         <template slot-scope="scope">
-          <user-table-exhibit :user-profile="scope.row.ownUserProfile" :query-details="true" />
+          <user-table-exhibit
+            :user-profile="scope.row.ownUserProfile"
+            :query-details="true"
+          />
         </template>
       </el-table-column>
 
-      <el-table-column label="成员" align="center" show-overflow-tooltip min-width="220">
+      <el-table-column
+        label="成员"
+        align="center"
+        show-overflow-tooltip
+        min-width="220"
+      >
         <template slot-scope="scope">
-          <user-table-exhibit :user-profile="scope.row.userProfile" :query-details="true" :show-sys-origin="true" :tag-name="memberRoleMap[scope.row.role].name" />
+          <user-table-exhibit
+            :user-profile="scope.row.userProfile"
+            :query-details="true"
+            :show-sys-origin="true"
+            :tag-name="memberRoleMap[scope.row.role].name"
+          />
         </template>
       </el-table-column>
 
-      <el-table-column label="备注" prop="remarks" align="center" show-overflow-tooltip min-width="200" />
+      <el-table-column
+        label="备注"
+        prop="remarks"
+        align="center"
+        show-overflow-tooltip
+        min-width="200"
+      />
 
-      <el-table-column label="创建人" align="left" show-overflow-tooltip min-width="220">
+      <el-table-column
+        label="创建人"
+        align="left"
+        show-overflow-tooltip
+        min-width="220"
+      >
         <template slot-scope="scope">
-          <user-table-exhibit v-if="scope.row.createUserProfile" :user-profile="scope.row.createUserProfile" :query-details="true" />
-          <div v-else-if="scope.row.createUserNickname" class="flex-l"> <avatar :name-avatar="scope.row.createUserNickname" /> <span style="margin-left: 10px;">{{ scope.row.createUserNickname }}</span></div>
+          <user-table-exhibit
+            v-if="scope.row.createUserProfile"
+            :user-profile="scope.row.createUserProfile"
+            :query-details="true"
+          />
+          <div v-else-if="scope.row.createUserNickname" class="flex-l">
+            <avatar :name-avatar="scope.row.createUserNickname" />
+            <span style="margin-left: 10px;">{{
+              scope.row.createUserNickname
+            }}</span>
+          </div>
         </template>
       </el-table-column>
 
-      <el-table-column label="时间" align="center" show-overflow-tooltip min-width="220">
+      <el-table-column
+        label="时间"
+        align="center"
+        show-overflow-tooltip
+        min-width="220"
+      >
         <template slot-scope="scope">
           <div>创建: {{ scope.row.createTime | dateFormat }}</div>
           <div>活跃: {{ scope.row.activeTime | dateFormat }}</div>
@@ -135,10 +187,24 @@
               <i class="el-icon-more" />
             </span>
             <el-dropdown-menu slot="dropdown">
-              <el-dropdown-item v-if="scope.row.role !== 'OWN'" @click.native="clickMemberTeamChange(scope.row)">更换团队</el-dropdown-item>
-              <el-dropdown-item v-if="scope.row.role !== 'OWN'" :disabled="delLoading" @click.native="clickRemoveMember(scope.row)">删除成员</el-dropdown-item>
-              <el-dropdown-item @click.native="clickEditMemberRemarks(scope.row)">修改备注</el-dropdown-item>
-              <el-dropdown-item @click.native="clickResetTarget(scope.row)">重置目标</el-dropdown-item>
+              <el-dropdown-item
+                v-if="scope.row.role !== 'OWN'"
+                @click.native="clickMemberTeamChange(scope.row)"
+                >更换团队</el-dropdown-item
+              >
+              <el-dropdown-item
+                v-if="scope.row.role !== 'OWN'"
+                :disabled="delLoading"
+                @click.native="clickRemoveMember(scope.row)"
+                >删除成员</el-dropdown-item
+              >
+              <el-dropdown-item
+                @click.native="clickEditMemberRemarks(scope.row)"
+                >修改备注</el-dropdown-item
+              >
+              <el-dropdown-item @click.native="clickResetTarget(scope.row)"
+                >重置目标</el-dropdown-item
+              >
             </el-dropdown-menu>
           </el-dropdown>
         </template>
@@ -146,60 +212,72 @@
     </el-table>
     <div v-if="listQuery.lastId" class="load-more">
       <span v-if="notData">已加载全部</span>
-      <el-button v-else size="mini" :disabled="loadMoreLoading" :loading="loadMoreLoading" @click="clickLoadMore">加载更多</el-button>
+      <el-button
+        v-else
+        size="mini"
+        :disabled="loadMoreLoading"
+        :loading="loadMoreLoading"
+        @click="clickLoadMore"
+        >加载更多</el-button
+      >
     </div>
 
     <team-member-add
       v-if="teamMebmerAddVisible"
       :sys-origin="listQuery.sysOrigin"
-      @close="teamMebmerAddVisible=false"
+      @close="teamMebmerAddVisible = false"
       @success="teamMebmerAddSuccess"
     />
 
     <team-member-remark
       v-if="teamMebmerRemarkVisible"
       :row="thatRow"
-      @close="teamMebmerRemarkVisible=false"
+      @close="teamMebmerRemarkVisible = false"
       @success="teamMebmerRemarkSuccess"
     />
 
     <team-member-change
       v-if="teamMemberChangeVisible"
       :row="thatRow"
-      @close="teamMemberChangeVisible=false"
+      @close="teamMemberChangeVisible = false"
       @success="teamMemberChangeSuccess"
     />
 
     <team-details-drawer
       v-if="teamDetailsDrawerVisible"
       :team-id="thatRow.teamProfile.id"
-      @close="teamDetailsDrawerVisible=false"
+      @close="teamDetailsDrawerVisible = false"
     />
 
     <team-member-target-reset
       v-if="teamMemberTargetResetVisible"
       :row="thatRow"
-      @close="teamMemberTargetResetVisible=false"
+      @close="teamMemberTargetResetVisible = false"
     />
-
   </div>
 </template>
 
 <script>
-import { listMemberTable, removeTeamMember } from '@/api/team'
-import { pickerOptions } from '@/constant/el-const'
-import { sysOriginPlatforms } from '@/constant/origin'
-import { teamMemberRoles, teamMemberRoleMap } from '@/constant/team-type'
-import { mapGetters } from 'vuex'
+import { listMemberTable, removeTeamMember } from "@/api/team";
+import { pickerOptions } from "@/constant/el-const";
+import { sysOriginPlatforms } from "@/constant/origin";
+import { teamMemberRoles, teamMemberRoleMap } from "@/constant/team-type";
+import { mapGetters } from "vuex";
 
-import TeamMemberAdd from './team-member-add'
-import TeamMemberRemark from './team-member-remark'
-import TeamMemberChange from './team-member-change'
-import TeamMemberTargetReset from './team-member-target-reset'
-import TeamDetailsDrawer from './../components/TeamDetailsDrawer'
+import TeamMemberAdd from "./team-member-add";
+import TeamMemberRemark from "./team-member-remark";
+import TeamMemberChange from "./team-member-change";
+import TeamMemberTargetReset from "./team-member-target-reset";
+import TeamDetailsDrawer from "./../components/TeamDetailsDrawer";
 
 export default {
-  components: { TeamMemberTargetReset, TeamMemberAdd, TeamMemberRemark, TeamMemberChange, TeamDetailsDrawer },
+  components: {
+    TeamMemberTargetReset,
+    TeamMemberAdd,
+    TeamMemberRemark,
+    TeamMemberChange,
+    TeamDetailsDrawer
+  },
   data() {
     return {
       teamMemberTargetResetVisible: false,
@@ -214,30 +292,30 @@ export default {
       delLoading: false,
       selectMemberIds: [],
       pickerOptions,
-      cardTeamId: '',
-      cardSysOrigin: '',
+      cardTeamId: "",
+      cardSysOrigin: "",
       listQuery: {
         limit: 20,
-        teamId: '',
-        memberId: '',
-        sysOrigin: '',
-        role: '',
-        lastId: '',
-        startTime: '',
-        endTime: '',
-        notActiveDays: '',
-        ownUserId: ''
+        teamId: "",
+        memberId: "",
+        sysOrigin: "",
+        role: "",
+        lastId: "",
+        startTime: "",
+        endTime: "",
+        notActiveDays: "",
+        ownUserId: ""
       },
       listLoading: false,
       list: [],
       notData: false,
       loadMoreLoading: false,
-      rangeDate: '',
+      rangeDate: "",
       selectTableRow: []
-    }
+    };
   },
   computed: {
-    ...mapGetters(['permissionsSysOriginPlatforms'])
+    ...mapGetters(["permissionsSysOriginPlatforms"])
   },
   watch: {
     rangeDate: {
@@ -245,162 +323,174 @@ export default {
       deep: true,
       handler(newVal) {
         if (newVal && newVal.length > 0) {
-          this.listQuery.startTime = newVal[0]
-          this.listQuery.endTime = newVal[1]
-          return
+          this.listQuery.startTime = newVal[0];
+          this.listQuery.endTime = newVal[1];
+          return;
         }
-        this.listQuery.startTime = ''
-        this.listQuery.endTime = ''
+        this.listQuery.startTime = "";
+        this.listQuery.endTime = "";
       }
     }
   },
   created() {
-    const that = this
-    const querySystem = this.permissionsSysOriginPlatforms[0]
+    const that = this;
+    const querySystem = this.permissionsSysOriginPlatforms[0];
     if (!querySystem) {
-      return
+      return;
     }
-    that.listQuery.sysOrigin = querySystem.value
-    that.renderData()
+    that.listQuery.sysOrigin = querySystem.value;
+    that.renderData();
   },
   methods: {
     renderData(isReset, loadMore) {
-      const that = this
+      const that = this;
       if (isReset === true) {
-        that.list = []
-        that.notData = false
-        that.listQuery.lastId = ''
+        that.list = [];
+        that.notData = false;
+        that.listQuery.lastId = "";
       }
-      that.loadMoreLoading = loadMore
-      that.listLoading = !loadMore
-      listMemberTable(that.listQuery).then(res => {
-        that.listLoading = false
-        that.loadMoreLoading = false
-        const { body } = res
-        const list = body || []
-        that.notData = list.length <= 0
-        if (!that.notData) {
-          that.list = that.list.concat(list)
-          that.listQuery.lastId = that.list[that.list.length - 1].id
-        }
-      }).catch(er => {
-        that.listLoading = false
-        that.loadMoreLoading = false
-      })
+      that.loadMoreLoading = loadMore;
+      that.listLoading = !loadMore;
+      listMemberTable(that.listQuery)
+        .then(res => {
+          that.listLoading = false;
+          that.loadMoreLoading = false;
+          const { body } = res;
+          const list = body || [];
+          that.notData = list.length <= 0;
+          if (!that.notData) {
+            that.list = that.list.concat(list);
+            that.listQuery.lastId = that.list[that.list.length - 1].id;
+          }
+        })
+        .catch(er => {
+          that.listLoading = false;
+          that.loadMoreLoading = false;
+        });
     },
     handleSearch() {
-      this.renderData(true)
+      this.renderData(true);
     },
     clickLoadMore() {
-      const that = this
-      that.loadMoreLoading = true
-      that.renderData(false, true)
+      const that = this;
+      that.loadMoreLoading = true;
+      that.renderData(false, true);
     },
     clickEditMemberRemarks(row) {
-      this.thatRow = row
-      this.teamMebmerRemarkVisible = true
+      this.thatRow = row;
+      this.teamMebmerRemarkVisible = true;
     },
     clickResetTarget(row) {
-      this.thatRow = row
-      this.teamMemberTargetResetVisible = true
+      this.thatRow = row;
+      this.teamMemberTargetResetVisible = true;
     },
     clickMemberTeamChange(row) {
-      this.thatRow = row
-      this.teamMemberChangeVisible = row
+      this.thatRow = row;
+      this.teamMemberChangeVisible = row;
     },
     clickRemoveMember(row, index) {
-      const that = this
+      const that = this;
       if (that.delLoading) {
-        that.$opsMessage.warn('正在提交处理中!')
-        return
+        that.$opsMessage.warn("正在提交处理中!");
+        return;
       }
 
-      that.$confirm('是否确认删除, 本期账单工作数据将会同步移除?', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        that.delLoading = true
-        removeTeamMember({ ids: [row.id] }).then(res => {
-          that.$opsMessage.success()
-          that.delLoading = false
-          that.list.splice(index, 1)
-          that.listQuery.lastId = that.list[that.list.length - 1].id
-          this.$refs.teamTable.clearSelection()
+      that
+        .$confirm("是否确认删除, 本期账单工作数据将会同步移除?", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
         })
-      }).catch(() => {
-        that.delLoading = false
-      })
+        .then(() => {
+          that.delLoading = true;
+          removeTeamMember({ ids: [row.id] }).then(res => {
+            that.$opsMessage.success();
+            that.delLoading = false;
+            that.list.splice(index, 1);
+            that.listQuery.lastId = that.list[that.list.length - 1].id;
+            this.$refs.teamTable.clearSelection();
+          });
+        })
+        .catch(() => {
+          that.delLoading = false;
+        });
     },
+
+    // 删除主播
     clickRemoveMemberBatch() {
-      const that = this
+      const that = this;
       if (that.delLoading) {
-        that.$opsMessage.warn('正在提交处理中!')
-        return
+        that.$opsMessage.warn("正在提交处理中!");
+        return;
       }
-      that.selectMemberIds = that.selectTableRow.map(item => item.id)
-      that.$confirm('是否确认删除, 本期账单工作数据将会同步移除?', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        that.delLoading = true
-        removeTeamMember({ ids: that.selectMemberIds }).then(res => {
-          that.$opsMessage.success()
-          that.delLoading = false
-          const processMemberIdStr = that.selectMemberIds.join(',')
-          const newList = []
-          that.list.forEach(row => {
-            if (processMemberIdStr.indexOf(row.id) < 0) {
-              newList.push(row)
-            }
-          })
-          that.list = newList
-          that.listQuery.lastId = that.list[that.list.length - 1].id
-          this.$refs.teamTable.clearSelection()
+      that.selectMemberIds = that.selectTableRow.map(
+        item => item.userProfile.id
+      );
+      that
+        .$confirm("是否确认删除, 本期账单工作数据将会同步移除?", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
         })
-      }).catch(() => {
-        that.delLoading = false
-      })
+        .then(() => {
+          that.delLoading = true;
+          removeTeamMember({ ids: that.selectMemberIds }).then(res => {
+            that.$opsMessage.success();
+            that.delLoading = false;
+            const processMemberIdStr = that.selectMemberIds.join(",");
+            const newList = [];
+            that.list.forEach(row => {
+              if (processMemberIdStr.indexOf(row.id) < 0) {
+                newList.push(row);
+              }
+            });
+            that.list = newList;
+            that.listQuery.lastId = that.list[that.list.length - 1].id;
+            this.$refs.teamTable.clearSelection();
+          });
+        })
+        .catch(() => {
+          that.delLoading = false;
+        });
     },
     teamMebmerAddSuccess() {
-      this.$opsMessage.success()
-      this.teamMebmerAddVisible = false
-      this.renderData(true)
+      this.$opsMessage.success();
+      this.teamMebmerAddVisible = false;
+      this.renderData(true);
     },
     teamMebmerRemarkSuccess(form) {
-      this.$opsMessage.success()
-      this.teamMebmerRemarkVisible = false
-      this.thatRow.remarks = form.remarks
+      this.$opsMessage.success();
+      this.teamMebmerRemarkVisible = false;
+      this.thatRow.remarks = form.remarks;
     },
     teamMemberChangeSuccess(res) {
-      const that = this
-      that.$opsMessage.success()
+      const that = this;
+      that.$opsMessage.success();
       if (res) {
-        const newList = []
+        const newList = [];
         that.list.forEach(item => {
-          newList.push(item.id !== that.thatRow.id ? item : res)
-        })
-        that.list = newList
-        that.teamMemberChangeVisible = false
+          newList.push(item.id !== that.thatRow.id ? item : res);
+        });
+        that.list = newList;
+        that.teamMemberChangeVisible = false;
       }
     },
     editTeamProfile(row) {
-      this.thatRow = row
-      this.teamEditVisible = true
+      this.thatRow = row;
+      this.teamEditVisible = true;
     },
     selectTableChange(list) {
-      this.selectTableRow = list
+      this.selectTableRow = list;
     },
     tableSelectable(row) {
-      return row.role !== 'OWN'
+      return row.role !== "OWN";
     },
     clickQueryTeamDetails(row) {
-      this.thatRow = row
-      this.teamDetailsDrawerVisible = true
+      this.thatRow = row;
+      this.teamDetailsDrawerVisible = true;
     }
   }
-}
+};
 </script>
 <style scoped lang="scss">
 .load-more {