From 82b05d21ace38c372ff2d5faea38e81824419d73 Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Fri, 20 Mar 2026 14:35:50 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E4=BB=A3=E7=90=86=E5=88=97=E8=A1=A8-->?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=B5=84=E6=96=99=E7=BB=84=E4=BB=B6):=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E2=80=9C=E5=85=81=E8=AE=B8=E6=8F=90=E7=8E=B0?=
 =?UTF-8?q?=E2=80=9D=E5=BC=80=E5=85=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/team/team-list/index.vue     | 592 ++++++++++++++++---------
 src/views/team/team-list/team-edit.vue |  24 +-
 2 files changed, 410 insertions(+), 206 deletions(-)

diff --git a/src/views/team/team-list/index.vue b/src/views/team/team-list/index.vue
index 3312c1c..01f4bd6 100644
--- a/src/views/team/team-list/index.vue
+++ b/src/views/team/team-list/index.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="app-container">
     <div v-if="isQueryPermissions">
+      <!-- 搜索栏 -->
       <div class="filter-container">
         <div class="filter-item" style="width: 120px;">
           <sys-origin-permission-select
@@ -35,15 +36,21 @@
               :value="item.value"
             />
           </el-select>
-
         </div>
 
         <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">
-          <el-input v-model="listQuery.memberQuantityRange" placeholder="开始~结束成员数量" />
+          <el-input
+            v-model="listQuery.memberQuantityRange"
+            placeholder="开始~结束成员数量"
+          />
         </div>
         <div class="filter-item">
           <el-date-picker
@@ -88,12 +95,15 @@
           class="filter-item"
           type="primary"
           icon="el-icon-edit"
-          @click="teamCreateVisible=true"
+          @click="teamCreateVisible = true"
         >
           新增
         </el-button>
         <el-button
-          v-if="(selectTableRow.length > 0) && buttonPermissions.includes('team:list:del')"
+          v-if="
+            selectTableRow.length > 0 &&
+              buttonPermissions.includes('team:list:del')
+          "
           class="filter-item"
           type="danger"
           icon="el-icon-delete"
@@ -104,6 +114,8 @@
           删除
         </el-button>
       </div>
+
+      <!-- 表单 -->
       <el-table
         ref="teamTable"
         v-loading="listLoading"
@@ -113,55 +125,141 @@
         highlight-current-row
         @selection-change="selectTableChange"
       >
-
         <el-table-column type="index" width="50" label="No" />
         <el-table-column type="selection" width="50" show-overflow-tooltip />
-        <el-table-column label="代理" align="left" min-width="220" show-overflow-tooltip>
+        <el-table-column
+          label="代理"
+          align="left"
+          min-width="220"
+          show-overflow-tooltip
+        >
           <template slot-scope="scope">
-            <user-table-exhibit :size="scope.row.bdUserProfile ? 'mini' : 'small'" :user-profile="scope.row.ownUserProfile" :query-details="true" />
+            <user-table-exhibit
+              :size="scope.row.bdUserProfile ? 'mini' : 'small'"
+              :user-profile="scope.row.ownUserProfile"
+              :query-details="true"
+            />
             <div v-if="scope.row.bdUserProfile" class="attached">
-              <user-table-exhibit size="mini" :user-profile="scope.row.bdUserProfile" :query-details="true" tag-name="BD" />
+              <user-table-exhibit
+                size="mini"
+                :user-profile="scope.row.bdUserProfile"
+                :query-details="true"
+                tag-name="BD"
+              />
             </div>
           </template>
         </el-table-column>
-        <el-table-column label="信息" align="left" show-overflow-tooltip min-width="150">
+        <el-table-column
+          label="信息"
+          align="left"
+          show-overflow-tooltip
+          min-width="150"
+        >
           <template slot-scope="scope">
-            <div>成员: {{ (scope.row.teamProfile.counter || {}).memberQuantity }}/{{ (scope.row.teamProfile.setting || {}).maxMember }}</div>
-            <div>状态:
-              <el-tag v-if="scope.row.teamProfile.status === 'AVAILABLE'" size="mini" type="success">正常</el-tag>
-              <el-tag v-if="scope.row.teamProfile.status === 'CLOSE'" size="mini" type="danger">关闭</el-tag>
+            <div>
+              成员:
+              {{ (scope.row.teamProfile.counter || {}).memberQuantity }}/{{
+                (scope.row.teamProfile.setting || {}).maxMember
+              }}
+            </div>
+            <div>
+              状态:
+              <el-tag
+                v-if="scope.row.teamProfile.status === 'AVAILABLE'"
+                size="mini"
+                type="success"
+                >正常</el-tag
+              >
+              <el-tag
+                v-if="scope.row.teamProfile.status === 'CLOSE'"
+                size="mini"
+                type="danger"
+                >关闭</el-tag
+              >
             </div>
           </template>
         </el-table-column>
 
-        <el-table-column align="left" show-overflow-tooltip min-width="100" prop="regionName" label="区域" />
+        <el-table-column
+          align="left"
+          show-overflow-tooltip
+          min-width="100"
+          prop="regionName"
+          label="区域"
+        />
 
-        <el-table-column align="left" show-overflow-tooltip min-width="80" label="备注">
+        <el-table-column
+          align="left"
+          show-overflow-tooltip
+          min-width="80"
+          label="备注"
+        >
           <template slot-scope="scope">
-            <div> <el-link @click.native="editTeamRemark(scope.row)">{{ scope.row.teamProfile.remarks.length }}</el-link></div>
+            <div>
+              <el-link @click.native="editTeamRemark(scope.row)">{{
+                scope.row.teamProfile.remarks.length
+              }}</el-link>
+            </div>
           </template>
         </el-table-column>
 
-        <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" :tag-name="scope.row.createUserBdRoles ? 'BD': ''" />
-            <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"
+              :tag-name="scope.row.createUserBdRoles ? 'BD' : ''"
+            />
+            <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="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.updateUserProfile" :user-profile="scope.row.updateUserProfile" :query-details="true" :tag-name="scope.row.updateUserBdRoles ? 'BD': ''" />
-            <div v-else-if="scope.row.updateUserNickname" class="flex-l"> <avatar :name-avatar="scope.row.updateUserNickname" /> <span style="margin-left: 10px;">{{ scope.row.updateUserNickname }}</span></div>
+            <user-table-exhibit
+              v-if="scope.row.updateUserProfile"
+              :user-profile="scope.row.updateUserProfile"
+              :query-details="true"
+              :tag-name="scope.row.updateUserBdRoles ? 'BD' : ''"
+            />
+            <div v-else-if="scope.row.updateUserNickname" class="flex-l">
+              <avatar :name-avatar="scope.row.updateUserNickname" />
+              <span style="margin-left: 10px;">{{
+                scope.row.updateUserNickname
+              }}</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.teamProfile.createTime | dateFormat }}</div>
             <div>修改: {{ scope.row.teamProfile.updateTime | dateFormat }}</div>
           </template>
         </el-table-column>
+
+        <!-- 操作 -->
         <el-table-column fixed="right" label="操作" align="center" width="100">
           <template slot-scope="scope">
             <el-dropdown>
@@ -169,45 +267,88 @@
                 <i class="el-icon-more" />
               </span>
               <el-dropdown-menu slot="dropdown">
-                <el-dropdown-item @click.native="clickQueryTeamDetails(scope.row)">资料详情</el-dropdown-item>
-                <el-dropdown-item v-if="buttonPermissions.includes('team:list:edit')" @click.native="editTeamProfile(scope.row)">修改资料</el-dropdown-item>
-                <el-dropdown-item v-if="buttonPermissions.includes('team:list:bind:bd')" @click.native="clickBindBd(scope.row)">绑定BD</el-dropdown-item>
-                <el-dropdown-item v-if="buttonPermissions.includes('team:list:edit')" @click.native="editTeamRemark(scope.row)">备注信息</el-dropdown-item>
-                <el-dropdown-item v-if="buttonPermissions.includes('team:list:edit')" @click.native="editTeamContact(scope.row)">联系方式</el-dropdown-item>
+                <el-dropdown-item
+                  @click.native="clickQueryTeamDetails(scope.row)"
+                  >资料详情</el-dropdown-item
+                >
+                <el-dropdown-item
+                  v-if="buttonPermissions.includes('team:list:edit')"
+                  @click.native="editTeamProfile(scope.row)"
+                  >修改资料</el-dropdown-item
+                >
+                <el-dropdown-item
+                  v-if="buttonPermissions.includes('team:list:bind:bd')"
+                  @click.native="clickBindBd(scope.row)"
+                  >绑定BD</el-dropdown-item
+                >
+                <el-dropdown-item
+                  v-if="buttonPermissions.includes('team:list:edit')"
+                  @click.native="editTeamRemark(scope.row)"
+                  >备注信息</el-dropdown-item
+                >
+                <el-dropdown-item
+                  v-if="buttonPermissions.includes('team:list:edit')"
+                  @click.native="editTeamContact(scope.row)"
+                  >联系方式</el-dropdown-item
+                >
                 <!-- <el-dropdown-item :disabled="statusChangeLoading" @click.native="clickChangeTeamStatus(scope.row)">状态变更</el-dropdown-item> -->
-                <el-dropdown-item v-if="buttonPermissions.includes('team:list:send:notice')" @click.native="handleNoticeSend(scope.row)">发送通知</el-dropdown-item>
-                <el-dropdown-item v-if="buttonPermissions.includes('team:list:query:send:notice')" @click.native="handleNoticeList(scope.row)">通知记录</el-dropdown-item>
+                <el-dropdown-item
+                  v-if="buttonPermissions.includes('team:list:send:notice')"
+                  @click.native="handleNoticeSend(scope.row)"
+                  >发送通知</el-dropdown-item
+                >
+                <el-dropdown-item
+                  v-if="
+                    buttonPermissions.includes('team:list:query:send:notice')
+                  "
+                  @click.native="handleNoticeList(scope.row)"
+                  >通知记录</el-dropdown-item
+                >
                 <!-- <el-dropdown-item>账单信息-未实现</el-dropdown-item> -->
-                <el-dropdown-item v-if="buttonPermissions.includes('team:list:query:apply')" @click.native="handleApplicationProcess(scope.row)">团队申请</el-dropdown-item>
+                <el-dropdown-item
+                  v-if="buttonPermissions.includes('team:list:query:apply')"
+                  @click.native="handleApplicationProcess(scope.row)"
+                  >团队申请</el-dropdown-item
+                >
                 <!-- <el-dropdown-item v-if="buttonPermissions.includes('team:list:query:approval')" @click.native="handleApplicationProcessApprova(scope.row)">审核日志</el-dropdown-item> -->
               </el-dropdown-menu>
             </el-dropdown>
           </template>
         </el-table-column>
       </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-create
         v-if="teamCreateVisible"
         :sys-origin="listQuery.sysOrigin"
         @success="teamCreateSuccess"
-        @close="teamCreateVisible=false"
+        @close="teamCreateVisible = false"
       />
 
+      <!-- 修改资料组件 -->
       <team-edit
         v-if="teamEditVisible"
         :profile="thatRow.teamProfile"
         @success="teamEditSuccess"
-        @close="teamEditVisible=false"
+        @close="teamEditVisible = false"
       />
 
       <team-remark
         v-if="teamRemarkVisible"
         :profile="thatRow.teamProfile"
-        @close="teamRemarkVisible=false"
+        @close="teamRemarkVisible = false"
         @addRemarks="addRemarks"
         @revemoRemarks="revemoRemarks"
       />
@@ -215,7 +356,7 @@
       <team-contact
         v-if="teamContactVisible"
         :profile="thatRow.teamProfile"
-        @close="teamContactVisible=false"
+        @close="teamContactVisible = false"
         @addContact="addContact"
         @revemoContact="revemoContact"
       />
@@ -224,83 +365,103 @@
         v-if="teamStatusVisible"
         :team-ids="changeTeamIds"
         :status="changeTeamStatus"
-        @close="teamStatusVisible=false"
+        @close="teamStatusVisible = false"
         @success="teamStatusSuccess"
       />
 
       <team-notice-send-drawer
         v-if="noticeSendVisible"
         :team-id="currentClickTeamId"
-        @close="noticeSendVisible=false"
+        @close="noticeSendVisible = false"
       />
 
       <team-notice-list-drawer
         v-if="noticeListVisible"
         :team-id="currentClickTeamId"
-        @close="noticeListVisible=false"
+        @close="noticeListVisible = false"
       />
 
       <team-application-process-drawer
         v-if="applicationProcessVisible"
         :team-id="currentClickTeamId"
-        @close="applicationProcessVisible=false"
+        @close="applicationProcessVisible = false"
       />
 
       <process-approval-drawer
         v-if="applicationProcessApprovaVisible"
         :team-id="currentClickTeamId"
         :sys-origin="currentClickSysOrigin"
-        @close="applicationProcessApprovaVisible=false"
+        @close="applicationProcessApprovaVisible = false"
       />
 
       <team-details-drawer
         v-if="teamDetailsDrawerVisible"
         :team-id="thatRow.teamProfile.id"
-        @close="teamDetailsDrawerVisible=false"
+        @close="teamDetailsDrawerVisible = false"
       />
 
       <team-switch-own
         v-if="teamSwitchOwnVisible"
         :profile="thatRow.teamProfile"
-        @close="teamSwitchOwnVisible=false"
+        @close="teamSwitchOwnVisible = false"
         @success="teamSwitchSuccess"
       />
 
       <bind-bd
         v-if="teamBindBdDrawerVisible"
         :row="thatRow"
-        @close="teamBindBdDrawerVisible=false"
+        @close="teamBindBdDrawerVisible = false"
       />
     </div>
-    <div v-else v-loading.lock="listLoading" element-loading-background="#FFFFFF" element-loading-text="权限验证中..." style="text-align: center;">
-      抱歉您无权查看，请联系管理员开通查看权限 【主播中心/代理列表:(team:list:query:all/team:list:query:self)】
+    <div
+      v-else
+      v-loading.lock="listLoading"
+      element-loading-background="#FFFFFF"
+      element-loading-text="权限验证中..."
+      style="text-align: center;"
+    >
+      抱歉您无权查看，请联系管理员开通查看权限
+      【主播中心/代理列表:(team:list:query:all/team:list:query:self)】
     </div>
   </div>
 </template>
 
 <script>
-import { listTeamTable, delTeamBatch } from '@/api/team'
-import { pickerOptions } from '@/constant/el-const'
-import { sysOriginPlatforms } from '@/constant/origin'
-import { teamStatus } from '@/constant/team-type'
-import TeamCreate from './../components/TeamCreate'
-import TeamEdit from './team-edit'
-import TeamRemark from './team-remark'
-import TeamContact from './team-contact'
-import TeamStatus from './team-status'
-import TeamNoticeSendDrawer from './team-notice-send-drawer'
-import TeamNoticeListDrawer from './team-notice-list-drawer'
-import TeamApplicationProcessDrawer from './team-application-process-drawer'
-import ProcessApprovalDrawer from './../components/ProcessApprovalDrawer'
-import TeamDetailsDrawer from './../components/TeamDetailsDrawer'
-import TeamSwitchOwn from './team-switch-own'
-import BindBd from './bind-bd'
-import { listMembers } from '@/api/team'
-import { mapGetters } from 'vuex'
+import { listTeamTable, delTeamBatch } from "@/api/team";
+import { pickerOptions } from "@/constant/el-const";
+import { sysOriginPlatforms } from "@/constant/origin";
+import { teamStatus } from "@/constant/team-type";
+import TeamCreate from "./../components/TeamCreate";
+import TeamEdit from "./team-edit";
+import TeamRemark from "./team-remark";
+import TeamContact from "./team-contact";
+import TeamStatus from "./team-status";
+import TeamNoticeSendDrawer from "./team-notice-send-drawer";
+import TeamNoticeListDrawer from "./team-notice-list-drawer";
+import TeamApplicationProcessDrawer from "./team-application-process-drawer";
+import ProcessApprovalDrawer from "./../components/ProcessApprovalDrawer";
+import TeamDetailsDrawer from "./../components/TeamDetailsDrawer";
+import TeamSwitchOwn from "./team-switch-own";
+import BindBd from "./bind-bd";
+import { listMembers } from "@/api/team";
+import { mapGetters } from "vuex";
 
 export default {
-  name: 'TeamTable',
-  components: { TeamSwitchOwn, TeamDetailsDrawer, TeamEdit, TeamCreate, TeamRemark, TeamContact, TeamStatus, TeamNoticeSendDrawer, TeamNoticeListDrawer, TeamApplicationProcessDrawer, ProcessApprovalDrawer, BindBd },
+  name: "TeamTable",
+  components: {
+    TeamSwitchOwn,
+    TeamDetailsDrawer,
+    TeamEdit,
+    TeamCreate,
+    TeamRemark,
+    TeamContact,
+    TeamStatus,
+    TeamNoticeSendDrawer,
+    TeamNoticeListDrawer,
+    TeamApplicationProcessDrawer,
+    ProcessApprovalDrawer,
+    BindBd
+  },
   data() {
     return {
       teamBindBdDrawerVisible: false,
@@ -321,39 +482,47 @@ export default {
       applicationProcessVisible: false,
       applicationProcessApprovaVisible: false,
       changeTeamIds: [],
-      changeTeamStatus: '',
+      changeTeamStatus: "",
       teamStatus,
       pickerOptions,
-      currentClickTeamId: '',
-      currentClickSysOrigin: '',
+      currentClickTeamId: "",
+      currentClickSysOrigin: "",
       listQuery: {
         limit: 20,
-        id: '',
-        region: '',
-        sysOrigin: '',
-        account: '',
-        ownUserId: '',
-        status: '',
-        lastId: '',
-        startTime: '',
-        endTime: '',
-        createUser: '',
-        memberQuantityRange: ''
+        id: "",
+        region: "",
+        sysOrigin: "",
+        account: "",
+        ownUserId: "",
+        status: "",
+        lastId: "",
+        startTime: "",
+        endTime: "",
+        createUser: "",
+        memberQuantityRange: ""
       },
       listLoading: false,
       list: [],
       notData: false,
       loadMoreLoading: false,
-      rangeDate: '',
+      rangeDate: "",
       selectTableRow: [],
       members: [],
       searchLoading: false
-    }
+    };
   },
   computed: {
-    ...mapGetters(['uid', 'buttonPermissions', 'permissionsSysOriginPlatforms', 'permissionsFirstSysOrigin']),
+    ...mapGetters([
+      "uid",
+      "buttonPermissions",
+      "permissionsSysOriginPlatforms",
+      "permissionsFirstSysOrigin"
+    ]),
     isQueryPermissions() {
-      return this.buttonPermissions.includes('team:list:query:all') || this.buttonPermissions.includes('team:list:query:self')
+      return (
+        this.buttonPermissions.includes("team:list:query:all") ||
+        this.buttonPermissions.includes("team:list:query:self")
+      );
     }
   },
   watch: {
@@ -362,213 +531,228 @@ 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 = "";
       }
     },
     buttonPermissions: {
       handler(newVal) {
-        this.backUserConditionVisible = newVal.includes('team:list:query:all')
-        if (newVal.includes('team:list:query:self')) {
-          if (newVal.includes('team:list:query:all')) {
-            return
+        this.backUserConditionVisible = newVal.includes("team:list:query:all");
+        if (newVal.includes("team:list:query:self")) {
+          if (newVal.includes("team:list:query:all")) {
+            return;
           }
-          this.listQuery.createUser = this.uid
-          this.renderData(true)
-          return
+          this.listQuery.createUser = this.uid;
+          this.renderData(true);
+          return;
         }
       },
       immediate: true
     }
   },
   created() {
-    this.loadMembers()
+    this.loadMembers();
   },
   methods: {
     renderData(isReset, loadMore) {
-      const that = this
+      const that = this;
       if (!that.listQuery.sysOrigin) {
-        return
+        return;
       }
       if (isReset === true) {
-        that.list = []
-        that.notData = false
-        that.listQuery.lastId = ''
+        that.list = [];
+        that.notData = false;
+        that.listQuery.lastId = "";
       }
-      that.loadMoreLoading = loadMore
-      that.listLoading = !that.loadMoreLoading
-      listTeamTable(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].teamProfile.id
-        }
-      }).catch(er => {
-        that.listLoading = false
-        that.loadMoreLoading = false
-      })
+      that.loadMoreLoading = loadMore;
+      that.listLoading = !that.loadMoreLoading;
+      listTeamTable(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].teamProfile.id;
+          }
+        })
+        .catch(er => {
+          that.listLoading = false;
+          that.loadMoreLoading = false;
+        });
     },
     handleSearch() {
-      this.renderData(true)
+      this.renderData(true);
     },
     changeRegionSelectPolicy() {
-      this.handleSearch()
+      this.handleSearch();
     },
     clickLoadMore() {
-      const that = this
-      that.loadMoreLoading = true
-      that.renderData(false, true)
+      const that = this;
+      that.loadMoreLoading = true;
+      that.renderData(false, true);
     },
     clickCloseTeamBatch() {
-      const that = this
+      const that = this;
       if (this.statusChangeLoading) {
-        this.$opsMessage.warn('正在提交中!')
-        return
+        this.$opsMessage.warn("正在提交中!");
+        return;
       }
-      that.changeTeamIds = that.selectTableRow.map(item => item.teamProfile.id)
-      that.changeTeamStatus = 'CLOSE'
+      that.changeTeamIds = that.selectTableRow.map(item => item.teamProfile.id);
+      that.changeTeamStatus = "CLOSE";
       // that.teamStatusVisible = true
-      that.$confirm('系统将移除团队所有数据, 操作不可逆!!!! (主播工作/账单/团队信息/团队成员/BD关系等所有)', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        that.statusChangeLoading = true
-        delTeamBatch(that.changeTeamIds).then(res => {
-          that.statusChangeLoading = false
-          that.$opsMessage.success()
-          that.renderData(true)
-        }).catch(er => {
-          that.statusChangeLoading = false
+      that
+        .$confirm(
+          "系统将移除团队所有数据, 操作不可逆!!!! (主播工作/账单/团队信息/团队成员/BD关系等所有)",
+          "提示",
+          {
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+            type: "warning"
+          }
+        )
+        .then(() => {
+          that.statusChangeLoading = true;
+          delTeamBatch(that.changeTeamIds)
+            .then(res => {
+              that.statusChangeLoading = false;
+              that.$opsMessage.success();
+              that.renderData(true);
+            })
+            .catch(er => {
+              that.statusChangeLoading = false;
+            });
         })
-      }).catch(() => {
-      })
+        .catch(() => {});
     },
     teamCreateSuccess() {
-      this.$opsMessage.success()
-      this.teamCreateVisible = false
-      this.renderData(true)
+      this.$opsMessage.success();
+      this.teamCreateVisible = false;
+      this.renderData(true);
     },
     clickSwitchTeamOwn(row) {
-      this.thatRow = row
-      this.teamSwitchOwnVisible = true
+      this.thatRow = row;
+      this.teamSwitchOwnVisible = true;
     },
     teamSwitchSuccess({ teamId, ownUserProfile }) {
-      this.thatRow.ownUserProfile = ownUserProfile
+      this.thatRow.ownUserProfile = ownUserProfile;
     },
     clickQueryTeamDetails(row) {
-      this.thatRow = row
-      this.teamDetailsDrawerVisible = true
+      this.thatRow = row;
+      this.teamDetailsDrawerVisible = true;
     },
+
+    // 修改资料
     editTeamProfile(row) {
-      this.thatRow = row
-      this.teamEditVisible = true
+      this.thatRow = row;
+      this.teamEditVisible = true;
     },
     editTeamRemark(row) {
-      this.thatRow = row
-      this.teamRemarkVisible = true
+      this.thatRow = row;
+      this.teamRemarkVisible = true;
     },
     teamEditSuccess(form, selectRegion) {
-      this.thatRow.teamProfile = form
+      this.thatRow.teamProfile = form;
       if (selectRegion) {
-        this.thatRow.regionName = selectRegion.regionName
+        this.thatRow.regionName = selectRegion.regionName;
       }
-      this.$opsMessage.success()
+      this.$opsMessage.success();
     },
     addRemarks(remarks) {
-      this.thatRow.teamProfile.remarks.push(remarks)
+      this.thatRow.teamProfile.remarks.push(remarks);
     },
     revemoRemarks(index) {
-      this.thatRow.teamProfile.remarks.splice(index, 1)
+      this.thatRow.teamProfile.remarks.splice(index, 1);
     },
     editTeamContact(row) {
-      this.thatRow = row
-      this.teamContactVisible = true
+      this.thatRow = row;
+      this.teamContactVisible = true;
     },
     addContact(contact) {
-      this.thatRow.teamProfile.contacts.push(contact)
+      this.thatRow.teamProfile.contacts.push(contact);
     },
     revemoContact(index) {
-      this.thatRow.teamProfile.contacts.splice(index, 1)
+      this.thatRow.teamProfile.contacts.splice(index, 1);
     },
     handleNoticeSend(row) {
-      this.currentClickTeamId = row.teamProfile.id
-      this.noticeSendVisible = true
+      this.currentClickTeamId = row.teamProfile.id;
+      this.noticeSendVisible = true;
     },
     handleApplicationProcess(row) {
-      this.currentClickTeamId = row.teamProfile.id
-      this.applicationProcessVisible = true
+      this.currentClickTeamId = row.teamProfile.id;
+      this.applicationProcessVisible = true;
     },
     handleApplicationProcessApprova(row) {
-      this.currentClickTeamId = row.teamProfile.id
-      this.currentClickSysOrigin = row.teamProfile.sysOrigin
-      this.applicationProcessApprovaVisible = true
+      this.currentClickTeamId = row.teamProfile.id;
+      this.currentClickSysOrigin = row.teamProfile.sysOrigin;
+      this.applicationProcessApprovaVisible = true;
     },
     handleNoticeList(row) {
-      this.currentClickTeamId = row.teamProfile.id
-      this.noticeListVisible = true
+      this.currentClickTeamId = row.teamProfile.id;
+      this.noticeListVisible = true;
     },
     teamStatusSuccess(form) {
-      this.$opsMessage.success()
-      this.$refs.teamTable.clearSelection()
+      this.$opsMessage.success();
+      this.$refs.teamTable.clearSelection();
       form.teamIds.forEach(teamId => {
-        const listSize = this.list.length
+        const listSize = this.list.length;
         for (let index = 0; index < listSize; index++) {
-          const row = this.list[index]
+          const row = this.list[index];
           if (row.teamProfile && row.teamProfile.id === teamId) {
-            row.teamProfile.status = form.status
-            break
+            row.teamProfile.status = form.status;
+            break;
           }
         }
-      })
-      this.teamStatusVisible = false
+      });
+      this.teamStatusVisible = false;
     },
     clickChangeTeamStatus(row) {
       if (this.statusChangeLoading) {
-        this.$opsMessage.warn('正在提交中!')
-        return
+        this.$opsMessage.warn("正在提交中!");
+        return;
       }
-      this.thatRow = row
-      this.changeTeamIds = [row.teamProfile.id]
-      this.changeTeamStatus = row.teamProfile.status
-      this.teamStatusVisible = true
+      this.thatRow = row;
+      this.changeTeamIds = [row.teamProfile.id];
+      this.changeTeamStatus = row.teamProfile.status;
+      this.teamStatusVisible = true;
     },
     selectTableChange(list) {
-      this.selectTableRow = list
+      this.selectTableRow = list;
     },
     changeSysOrigin() {
-      this.$refs.regionSelectPolicy.clearValue()
-      this.listQuery.region = ''
+      this.$refs.regionSelectPolicy.clearValue();
+      this.listQuery.region = "";
     },
     onLoadPermissionSysOrigin(val) {
-      const that = this
-      that.renderData(true)
+      const that = this;
+      that.renderData(true);
     },
     clickBindBd(row) {
-      this.thatRow = row.teamProfile
-      this.teamBindBdDrawerVisible = true
+      this.thatRow = row.teamProfile;
+      this.teamBindBdDrawerVisible = true;
     },
     loadMembers() {
-      const that = this
-      that.listMemberLoading = true
-      listMembers().then(res => {
-        const { body } = res
-        that.members = body
-        that.listMemberLoading = false
-      }).catch(er => {
-        that.listMemberLoading = false
-      })
+      const that = this;
+      that.listMemberLoading = true;
+      listMembers()
+        .then(res => {
+          const { body } = res;
+          that.members = body;
+          that.listMemberLoading = false;
+        })
+        .catch(er => {
+          that.listMemberLoading = false;
+        });
     }
   }
-}
+};
 </script>
 <style scoped lang="scss">
 .load-more {
diff --git a/src/views/team/team-list/team-edit.vue b/src/views/team/team-list/team-edit.vue
index 52b5472..c4ac02e 100644
--- a/src/views/team/team-list/team-edit.vue
+++ b/src/views/team/team-list/team-edit.vue
@@ -9,6 +9,7 @@
       :append-to-body="true"
       custom-class="drawer-auto-layout"
     >
+      <!-- 标题 -->
       <div slot="title" class="flex-l">
         <sys-origin-icon :icon="profile.sysOrigin" size="18px" />&nbsp;团队资料
       </div>
@@ -28,6 +29,7 @@
             :rules="formRules"
             label-width="80px"
           >
+            <!-- 区域 -->
             <el-form-item prop="region" label="区域">
               <select-system-region
                 ref="regionSelectPolicy"
@@ -38,11 +40,14 @@
                 @change="changeRegionSelectPolicy"
               />
             </el-form-item>
+
+            <!-- 昵称 -->
             <!-- <el-form-item prop="nickname" label="昵称">
               <el-input v-model="form.nickname" placeholder="请输入团队昵称" maxlength="24" show-word-limit />
-            </el-form-item>
+            </el-form-item> -->
 
-            <el-form-item label="封面">
+            <!-- 封面 -->
+            <!-- <el-form-item label="封面">
               <el-form-item prop="cover">
                 <upload-image
                   v-model="form.avatar"
@@ -51,6 +56,7 @@
               </el-form-item>
             </el-form-item> -->
 
+            <!-- 国家 -->
             <el-form-item label="国家" prop="country.countryId">
               <contry-select
                 v-model="form.country.countryId"
@@ -59,7 +65,10 @@
             </el-form-item>
 
             <div style="padding: 10px 0px;">
+              <!-- 小标题 -->
               <el-divider content-position="left">设置信息</el-divider>
+
+              <!-- 成员数量 -->
               <el-form-item prop="setting.maxMember" label="成员数量">
                 <el-input
                   v-model="form.setting.maxMember"
@@ -68,6 +77,8 @@
                   show-word-limit
                 />
               </el-form-item>
+
+              <!-- 开关（代理接收主播工资） -->
               <el-form-item
                 prop="setting.hostSalaryToAgent"
                 label="代理接收主播工资"
@@ -78,6 +89,15 @@
                   :inactive-value="false"
                 />
               </el-form-item>
+
+              <!-- 开关（允许提现） -->
+              <el-form-item prop="setting.withdrawalEnabled" label="允许提现">
+                <el-switch
+                  v-model="form.setting.withdrawalEnabled"
+                  :active-value="true"
+                  :inactive-value="false"
+                />
+              </el-form-item>
             </div>
           </el-form>
         </div>