From 8550367f457076a538b2eac8961850a437787fa3 Mon Sep 17 00:00:00 2001
From: pengxiaolong <15716207+pengxiaolong711@user.noreply.gitee.com>
Date: Wed, 12 Nov 2025 21:37:44 +0800
Subject: [PATCH] =?UTF-8?q?=E7=AE=80=E8=A1=A8=E5=85=A8=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/server/employeehosts/index.vue      | 75 ++++++++++++-------
 .../server/manageemployeehosts/index.vue      | 13 ++--
 2 files changed, 54 insertions(+), 34 deletions(-)

diff --git a/src/views/server/employeehosts/index.vue b/src/views/server/employeehosts/index.vue
index 4a2dd7f..90f8976 100644
--- a/src/views/server/employeehosts/index.vue
+++ b/src/views/server/employeehosts/index.vue
@@ -147,18 +147,20 @@
     </div>
   </transition>
 
-  <div class="center-justify" style="margin-top: -15px;">
-    <el-button type="primary" @click="isShowSearch = !isShowSearch">{{ isShowSearch ? $t('employee.showSearch') :
-      $t('employee.hideSearch') }}</el-button>
-    <!-- <div v-if="isMobile">
-      <el-switch v-model="simpleModel" />
-      简化列表2
-    </div> -->
-  </div>
-
   <!-- 列表区域 -->
   <ContentWrap>
-    <el-switch v-model="isMobile" size="large" active-text="卡片" inactive-text="列表" />
+    <div style="display: flex;align-items: center;gap: 20px;">
+      <el-switch v-model="isMobile" size="large" active-text="卡片" inactive-text="列表" />
+
+      <el-switch v-model="Simplify" size="large" active-text="简表" inactive-text="全表" />
+
+      <div class="center-justify">
+        <el-button type="primary" @click="isShowSearch = !isShowSearch">{{ isShowSearch ? $t('employee.showSearch') :
+          $t('employee.hideSearch') }}</el-button>
+      </div>
+
+    </div>
+
     <!-- ✅ PC 端使用 table -->
     <el-table v-if="!isMobile" v-loading="loading" :data="list" :stripe="true"
       @selection-change="handleSelectionChange">
@@ -170,14 +172,17 @@
             {{ scope.row.hostsId }}</div>
         </template>
       </el-table-column>
+
       <el-table-column align="center" prop="hostsId" width="75">
         <template #default="scope">
           <el-link type="primary" @click="handleCopy(scope.row.hostsId, scope.row)">复制</el-link>
         </template>
-
       </el-table-column>
-      <el-table-column :label="$t('employee.hostsLevel')" align="center" prop="hostsLevel" />
-      <el-table-column :label="t('newHosts.invitationType')" align="center" prop="invitationType" width="200">
+
+      <el-table-column v-if="!Simplify" :label="$t('employee.hostsLevel')" align="center" prop="hostsLevel" />
+
+      <el-table-column v-if="!Simplify" :label="t('newHosts.invitationType')" align="center" prop="invitationType"
+        width="200">
         <template #default="scope">
           <el-tag size="small" :type="scope.row.invitationType == 1 ? 'primary' : 'warning'">
             {{ dictLabelI18n(DICT_TYPE.HOSTS_INVITATION_TYPE, scope.row.invitationType) || '-' }}
@@ -185,26 +190,35 @@
         </template>
       </el-table-column>
 
-      <el-table-column label="uid" align="center" prop="uid" />
+      <el-table-column v-if="!Simplify" label="uid" align="center" prop="uid" />
+
+      <el-table-column v-if="!Simplify" :label="$t('employee.hostsCoins')" align="center" prop="hostsCoins" />
 
-      <el-table-column :label="$t('employee.hostsCoins')" align="center" prop="hostsCoins" />
       <!-- <el-table-column :label="$t('employee.invitationType')" align="center" prop="invitationType" /> -->
-      <el-table-column :label="$t('employee.onlineFans')" align="center" prop="onlineFans" />
-      <el-table-column :label="$t('employee.fans')" align="center" prop="fans" />
-      <el-table-column :label="$t('employee.fllowernum')" align="center" prop="fllowernum" />
-      <el-table-column :label="$t('employee.yesterdayCoins')" align="center" prop="yesterdayCoins" />
-      <el-table-column :label="$t('employee.hostsCountry')" align="center" prop="country">
+      <el-table-column v-if="!Simplify" :label="$t('employee.onlineFans')" align="center" prop="onlineFans" />
+
+      <el-table-column v-if="!Simplify" :label="$t('employee.fans')" align="center" prop="fans" />
+
+      <el-table-column v-if="!Simplify" :label="$t('employee.fllowernum')" align="center" prop="fllowernum" />
+
+      <el-table-column v-if="!Simplify" :label="$t('employee.yesterdayCoins')" align="center" prop="yesterdayCoins" />
+
+      <el-table-column v-if="!Simplify" :label="$t('employee.hostsCountry')" align="center" prop="country">
         <template #default="scope">
           {{ t('newHosts.min') == '最小值' ? scope.row.country : scope.row.countryEng }}
         </template>
       </el-table-column>
-      <el-table-column :label="$t('employee.hostsKind')" align="center" prop="hostsKind" />
-      <el-table-column :label="$t('employee.remark')" align="center" prop="remake" />
-      <el-table-column :label="$t('employee.flag')" align="center" prop="flag">
+
+      <el-table-column v-if="!Simplify" :label="$t('employee.hostsKind')" align="center" prop="hostsKind" />
+
+      <el-table-column v-if="!Simplify" :label="$t('employee.remark')" align="center" prop="remake" />
+
+      <el-table-column v-if="!Simplify" :label="$t('employee.flag')" align="center" prop="flag">
         <template #default="scope">
           <dict-tag :type="DICT_TYPE.FLAG_TYPE" :value="scope.row.flag" />
         </template>
       </el-table-column>
+
       <el-table-column :label="$t('employee.operationStatus')" align="center" prop="operationStatus">
         <template #default="scope">
           <el-tag size="small" :type="scope.row.operationStatus == 1 ? 'primary' : 'warning'">
@@ -212,11 +226,14 @@
           </el-tag>
         </template>
       </el-table-column>
-      <el-table-column :label="$t('employee.createTime')" align="center" prop="createTime" :formatter="dateFormatter"
-        width="180px" />
-      <el-table-column :label="$t('employee.updateTime')" align="center" prop="updateTime" :formatter="dateFormatter"
-        width="180px" />
-      <el-table-column :label="$t('employee.action')" align="center" min-width="120px">
+
+      <el-table-column v-if="!Simplify" :label="$t('employee.createTime')" align="center" prop="createTime"
+        :formatter="dateFormatter" width="180px" />
+
+      <el-table-column v-if="!Simplify" :label="$t('employee.updateTime')" align="center" prop="updateTime"
+        :formatter="dateFormatter" width="180px" />
+
+      <el-table-column v-if="!Simplify" :label="$t('employee.action')" align="center" min-width="120px">
         <template #default="scope">
           <el-button link type="primary" @click="openForm('update', scope.row.id)">{{ $t('employee.edit') }}</el-button>
         </template>
@@ -659,6 +676,8 @@ function handleCopy(text, data) {
 
 const isMobile = ref(window.innerWidth <= 768)
 
+const Simplify = ref(false)
+
 onMounted(() => {
   getList()
   // getAllocationList()
diff --git a/src/views/server/manageemployeehosts/index.vue b/src/views/server/manageemployeehosts/index.vue
index b77b14d..cc21219 100644
--- a/src/views/server/manageemployeehosts/index.vue
+++ b/src/views/server/manageemployeehosts/index.vue
@@ -130,14 +130,15 @@
     </div>
   </transition>
 
-  <div class="center-justify" style="margin-top: -15px;">
-    <el-button type="primary" @click="isShowSearch = !isShowSearch">{{ isShowSearch ? $t('employee.showSearch') :
-      $t('employee.hideSearch') }}</el-button>
-  </div>
-
   <!-- 列表区域 -->
   <ContentWrap>
-    <el-switch v-model="isMobile" size="large" active-text="卡片" inactive-text="列表" />
+    <div style="display: flex; align-items: center; gap: 20px;">
+      <div class="center-justify">
+        <el-button type="primary" @click="isShowSearch = !isShowSearch">{{ isShowSearch ? $t('employee.showSearch') :
+          $t('employee.hideSearch') }}</el-button>
+      </div>
+      <el-switch v-model="isMobile" size="large" active-text="卡片" inactive-text="列表" />
+    </div>
     <!-- ✅ PC 端使用 table -->
     <el-table v-if="!isMobile" v-loading="loading" :data="list" :stripe="true"
       @selection-change="handleSelectionChange">